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前 言 
PREFACE 


设计 师 总 是 不 断 遇 到 这 样 的 问题 一 -如 何 赋予 不 同 内 容 以 合适 的 外 
观 ? 如 何 调动 视觉 元 素 、 外 在 形式 传达 思维 信息 与 受众 沟通 ?这 是 设计 的 
关键 所 在 ， 也 是 设计 师 必 备 的 基本 功 。 

很 多 人 认为 版 式 设 计 就 是 将 图 像 和 文字 内 容 在 版 面 中 进行 随意 编排 ， 
这 完全 是 一 个 误区 ， 版 式 设计 的 最 终 目 的 在 于 更 好 地 传递 版 面 信息 ， 只 有 
做 到 主题 鲜明 、 重 点 突出 、 一 目 了 然 ， 并 且 具 有 独特 的 个 性 ， 才 能 够 达到 
版 式 设计 的 最 终 目标 。 

本 书 的 编写 着 眼 于 实际 工作 应 用 ， 并 不 在 某 一 具体 的 应 用 软件 上 深入 
介绍 , 而 是 力求 让 读者 对 版 式 设计 的 基础 知识 、 概 念 、 方 法 有 全 面 的 认识 。 
全 书 共 分 14 章 ， 各 章 内 容 如 下 。 

第 1 章 版 式 设计 概述 ， 主 要 介绍 版 式 设计 的 基础 知识 ， 包 括 版 式 设 
计 的 目的 、 意 义 、 内 容 、 发 展 趋势 、 常 见 类 型 以 及 基本 流程 等 相关 内 容 ， 
使 读者 对 版 式 设计 有 更 加 深入 的 了 解 和 认识 。 

第 2 章 版 式 设计 要 素 ， 主 要 介绍 版 式 设计 中 点 、 线 、 面 、 肌 理 和 色 
彩 等 要 素 的 设计 与 表现 方式 ， 使 读者 全 面 了 解 版 式 设计 中 的 各 种 元 素 。 

第 3 章 版 式 设 计 中 的 文字 编排 ， 主 要 介绍 版 式 设计 中 的 文字 ， 以 及 
版 式 设计 中 常见 的 文字 编排 方式 、 文 字 的 特殊 表现 方式 等 内 容 ， 使 版 面 中 
的 文字 更 加 清晰 、 易 读 ， 具 有 很 好 的 表现 效果 。 

第 4 章 版 式 设计 中 的 图 形 编排 ， 主 要 介绍 版 式 设计 中 图 片 的 多 种 处 
理 方式 和 编排 形式 ， 且 理解 图 片 在 版 式 设计 中 的 作用 ， 使 读者 能 够 在 设计 
的 过 程 中 合理 地 对 图 片 进行 排版 处 理 。 

第 5 章 版 式 设计 中 的 色彩 搭配 ， 主 要 介绍 色彩 的 相关 基础 知识 ， 以 
及 如 何在 版 式 设计 中 通过 色彩 更 好 地 突出 表现 版 面 的 主题 、 空 间 感 和 情感 。 

第 6 章 卡片 的 版 式 设计 ， 主 要 介绍 卡片 版 式 设计 的 相关 知识 ， 包 括 
卡片 的 构成 元 素 、 构 图 方式 、 卡 片 版 式 的 设计 要 求 等 ， 并 通过 多 个 案例 的 
设计 分 析 ， 使 读者 能 够 理解 卡片 版 式 设计 的 方法 与 技巧 。 

第 7 章 海报 的 版 式 设计 ， 主 要 介绍 海报 版 式 设计 的 相关 知识 ， 包 括 
海报 版 式 设计 的 特点 、 构 成 、 设 计 流 程 以 及 创意 方法 ， 并 通过 多 个 案例 的 
设计 分 析 ， 使 读者 能 够 理解 海报 版 式 设计 的 方法 与 技巧 。 

第 8 章 DM 宣传 页 的 版 式 设计 ， 主 要 介绍 DM 宣传 广告 的 设计 要 求 、 
设计 流程 、 构 成 要 素 和 构图 方式 等 内 容 ， 并 通过 多 个 案例 的 设计 分 析 ， 使 
读者 能 够 理解 DM 宣传 页 版 式 设计 的 方法 与 技巧 。 
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第 9 章 户外 广告 的 版 式 设计 ， 主 要 介绍 户外 广告 版 式 设计 的 相关 知 
识 ， 包 括 户外 广告 的 特点 、 设 计 流 程 、 构 成 要 素 、 设 计 要 点 等 内 容 ， 并 通 
过 多 个 案例 的 设计 分 析 , 使 读者 能 够 理解 户外 广告 版 式 设计 的 方法 与 技巧 。 

第 10 章 ”宣传 画册 的 版 式 设计 ， 主 要 介绍 宣传 画册 版 式 设计 的 相关 知 
识 ， 包 括 宣 传 画册 的 版 式 类 型 、 版 面 诉求 要 点 、 设 计 流程 以 及 版 面 构成 要 
素 等 内 容 ， 并 通过 多 个 案例 的 设计 分 析 ， 使 读者 能 够 理解 宣传 画册 版 式 设 
计 的 方法 与 技巧 。 

第 11 章 杂志 的 版 式 设计 ， 主 要 介绍 杂志 版 式 设计 的 相关 知识 ， 包 括 
杂志 的 版 面 尺 寸 、 设 计 元 素 、 设 计 流程 ， 以 及 杂志 版 式 设计 的 原则 ， 并 通 
过 多 个 案例 的 设计 分 析 ， 使 读者 能 够 理解 杂志 版 式 设计 的 方法 与 技巧 。 

第 12 章 ”报纸 的 版 式 设计 ， 主 要 介绍 报纸 版 式 设计 的 相关 知识 ， 包 括 
报纸 版 面 的 常见 开本 和 分 类 、 设 计 流 程 、 构 成 要 素 等 内 容 ， 并 通过 多 个 案 
例 的 设计 分 析 ， 使 读者 能 够 理解 报纸 版 式 设 计 的 方法 与 技巧 。 

第 13 章 包装 的 版 式 设计 ， 主 要 介绍 包装 版 式 设 计 的 相关 知识 ， 包 括 
包装 设计 的 尺寸 、 基 本 流程 、 版 面 构图 以 及 版 面 构成 要 点 等 内 容 ， 并 通过 
多 个 案例 的 设计 分 析 ， 使 读者 能 够 理解 包装 版 式 设 计 的 方法 与 技巧 。 

第 14 章 网 页 的 版 式 设计 ， 主 要 介绍 网 页 版 式 设计 的 相关 知识 ， 包 括 
网 页 版 面 的 尺寸 、 构 成 要 素 、 设 计 流程 以 及 网 页 版 式 设计 的 原则 ， 并 通过 
多 个 案例 的 设计 分 析 ， 使 读者 能 够 理解 网 页 版 式 设 计 的 方法 与 技巧 。 

本 书 主要 针对 设计 专业 学 生 和 设计 从 业 人 员 ， 从 版 式 设计 的 发 展 、 设 
计 原 则 、 造 型 要 素 和 美学 形式 、 视 觉 流 程 和 应 用 等 方面 ， 系 统 阐述 了 版 式 
设计 的 基本 概念 和 实践 方法 ， 同 时 通过 大 量 国内 外 优秀 的 设计 作品 进行 说 
明 ， 希 望 对 读者 有 所 启迪 。 束 心 希 望 本 书 能 够 为 读者 提供 积极 有 效 的 帮助 ， 
激发 创作 的 灵感 ， 帮 助 大 家 踏 上 版 式 设计 的 成 功 之 路 ! 

本 书 由 宋 刚 编著 ， 另 外 李 晓 斌 、 张 国 勇 、 贾 勇 、 胡 卫 东 、 陈 亚军 、 孟 
权 国 、 史 建华 、 递 玉 婷 、 鲁 莎莎 、 张 荡 等 人 也 参与 了 部 分 编写 工作 。 本 书 
在 写作 过 程 中 力求 严谨 细致 ， 为 读者 呈现 最 好 的 内 容 和 效果 ， 但 书 中 难免 
有 玻 漏 和 不 足 之 处 , 恳请 广大 读者 朋友 批评 指正 , 提出 您 宝贵 的 意见 和 建议 。 
我 们 的 服务 邮箱 是 wkservice@vip.163.com， 电 话 是 010-62784710。 
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Le $ 
版 式 设计 概述 
过 去 一 讲 到 版 式 设计 ， 人 们 自然 把 它 局 限于 书籍 、 刊 物 之 
中 。 还 有 人 认为 版 式 设计 只 是 技术 工作 ， 不 属于 艺术 范畴 ， 所 
以 不 重视 它 的 艺术 价值 。 更 有 的 人 认为 版 式 设计 只 要 规定 一 种 
格式 ， 放 上 字体 、 图 形 即 可 ， 而 不 需要 其 他 设计 。 这 些 都 是 保 
守 的 、 传 统 的 工作 模式 和 认识 上 的 误区 。 
本 章 将 向 读者 介绍 版 式 设计 的 基本 概念 与 应 用 范围 ， 以 及 























版 式 设计 的 意义 、 内 容 、 发 展 趋势 等 内 容 ， 使 读者 对 版 式 设计 
有 更 加 全 面 、 深 入 的 理解 和 认识 。 
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1.1 了 解 版 式 设计 


随 着 知识 经 济 的 发 展 ， 人 们 步 入 了 以 视觉 为 主体 的 信息 时 代 ， 图 书 、 广 告 招贴 、 网 页 、 多 媒体 
等 方面 的 设计 形式 在 全 方位 地 影响 着 人 们 的 视觉 感受 。 不 同 的 年 代 有 着 不 同 的 材料 和 技术 ， 但 就 版 
式 构成 的 形式 而 言 ， 还 需要 有 贯穿 于 材料 和 技术 之 间 统 一 的 美学 构思 。 如 今 的 版 式 设计 ， 作 为 现代 
设计 艺术 的 重要 组 成 部 分 和 视觉 信息 传递 的 主要 手段 之 一 ， 也 从 单纯 走向 了 多 样 化 。 


1.1.1 版 式 设计 的 基本 概念 


在 《现代 汉语 词典 中 , “版式 ” 的 释 意 为 “版 面 的 格式 ”; 在 《辞海 》 中 , 释 意 为 “书刊 排版 的 式样 ”。 
从 版 式 设计 的 内 涵 来 看 , 《辞海 ) 将“ 版式” 限定 在 书刊 排版 的 范畴 是 一 种 狭义 的 解释 。 广 义 的 版 式 ， 
应 该 是 指 各 种 平面 设计 形态 中 的 文字 、 图 形 展示 时 的 具体 样式 ， 甚 至 包括 那些 立体 对 象 中 的 某 种 特 
定 的 平面 状态 。 

版 式 设 计 ， 也 被 称 为 版 面 编排 。 所 谓 编排 ， 就 是 将 特定 的 视觉 信息 要 素 ( 如 标题 、 文 稿 、 图 形 、 
标志 、 画 面 、 色 彩 等 )， 根 据 主题 表达 的 需求 ， 在 特定 的 版 面 上 进行 的 一 种 编辑 和 安排 。 编 排 是 制作 
和 建立 有 序 版 面 的 理想 方式 ， 所 以 称 为 版 式 设计 。 如 图 1-1 所 示 为 出 色 的 印刷 品 版 式 设计 。 





图 1-1 


版 式 设计 是 平面 设计 中 最 具有 代表 性 的 一 大 分 支 ， 它 不 仅 在 二 维 的 平面 上 发 挥 着 作用 ， 而 且 在 
三 维和 四 维 的 空间 中 也 能 够 感觉 到 它 的 效果 ， 例 如 包装 设计 中 的 各 个 特定 的 平面 ， 展 示 空 间 中 的 各 
种 识别 标记 的 组 合 以 及 都 市 商业 区 中 悬挂 的 标语 、 需 虹 灯 等 。 


1.1.2 ”版式 设计 的 作用 
如 果 说 设计 是 社会 文化 发 展 中 人 类 意识 的 一 种 实现 过 程 ， 那 么 版 式 设计 就 是 人 们 在 这 种 版 面 的 
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信息 传递 过 程 中 体现 出 来 的 一 种 艺术 行为 和 文化 行为 。 社 会 上 的 人 们 在 追求 美的 同时 , 也 在 要 求 速度 。 
生活 节奏 和 经 济 发 展 的 加 快 ， 印 刷 系 统 和 印刷 条 件 的 改观 ， 使 平面 广告 从 设计 制作 到 分 色 印刷 轻易 
就 能 做 到 图 文 并 茂 、 一 目 了 然 ， 并 将 各 种 信息 能 够 最 快 地 通过 精美 的 印刷 传递 出 去 ， 于 是 版 式 设计 
就 成 为 不 容 忽视 、 不 可 缺少 的 重要 环节 。 

在 商业 设计 中 ， 版 式 设计 是 一 个 建立 在 准确 功能 诉求 与 市 场 定位 基础 之 上 、 以 有 效 传播 为 导向 
的 视觉 传达 艺术 。 它 将 营销 策略 转化 为 一 种 能 与 消费 者 建立 起 沟通 的 具体 视觉 表现 ， 通 过 将 图 、 文 、 
色 等 基本 设计 元 素 进行 富有 形式 感 及 个 性 化 的 编排 组 合 ， 以 激发 人 们 的 兴趣 去 感受 事物 ， 并 说 服 人 
们 去 相信 事物 。 如 今 的 版 式 设计 范围 涉及 报纸 、 杂 志 、 书 籍 、 画 册 、 产 品 说 明 书 、 挂 历 、 海 报 、 广 告 、 
唱片 封套 、 网 页 等 平面 设计 的 各 个 领域 ， 如 图 1-2 所 示 。 它 所 包含 的 元 素 主要 有 文字 、 图 片 、 插 图 、 
线条 、 图 表 、 色 彩 之 间 的 配合 ; 更 细致 一 点 的 还 包括 文字 的 字体 、 字 号 的 确定 ， 标 题 、 表 格 的 设计 等 ， 
如 图 1-3 所 示 。 它 是 在 一 定 的 平面 中 ， 确 定 文字 的 排版 形式 、 文 字 的 行 间距 、 插 图 或 表格 的 大 小 
和 位 置 、 版 面 装饰 物 及 色彩 的 使 用 等 。 
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图 1-3 
现 如 今 的 版 式 设计 已 经 打破 了 原 有 的 单纯 的 编排 技巧 ， 通 过 设计 的 视觉 化 与 形象 化 ， 传 递 着 现 
代 的 文化 理念 、 特 定 秩序 、 美 感 体验 等 丰富 的 信息 ， 以 引起 阅读 者 的 关注 ， 为 具有 传播 功能 的 各 种 
媒体 增添 更 多 的 附加 值 。 其 设计 原理 和 理论 贯穿 于 每 一 个 平面 设计 的 始终 ， 目 的 是 为 了 更 好 地 传播 
客户 信息 ， 使 消费 者 在 第 一 时 间 感 知 信息 。 如 图 1-4 所 示 为 出 色 的 版 式 设计 。 
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1.1.3 ”版 式 设计 的 应 用 范围 


在 现代 设计 的 概念 中 ， 版 式 已 不 再 是 单纯 的 技术 编排 ， 版 式 设计 是 技术 与 艺术 的 高 度 统一 体 。 
而 信息 传达 的 途径 依靠 的 就 是 设计 的 艺术 。 随 着 社会 的 不 断 进步 、 生 活 节 奏 的 加 快 和 人 们 的 视觉 习 
惯 的 改变 ， 要 求 设计 师 更 新 观念 ， 重 视 版 式 设 计 ， 吸 收 国内 外 现代 思潮 ， 改 变 我 们 以 往 的 设计 思路 。 
版 式 设计 几乎 涵盖 了 所 有 的 出 版 物 设计 和 网 页 设计 ， 具 体 包 括 出 版 物 版 式 设计 、 广 告 版 式 设 计 、 促 
销 产 品类 编排 设计 、 企 业 形 象 应 用 编排 设计 、 网 页 版 式 设计 等 。 
1. 出 版 物 版 式 设计 

如 报纸 版 面 、 杂 志 版 面 、 书 籍 版 面 设 计 等 ， 如 图 1-5 所 示 。 
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2. 广告 版 式 设计 
如 招贴 海报 、 户 外 广告 等 各 种 类 型 的 宣传 广告 ， 如 





3 促销 产品 类 编排 设计 
如 商品 包装 设计 、DM 宣传 页 设计 、POP 广告 等 ， 
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图 1-6 所 示 。 








如 图 1-7 所 示 。 
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4. 企业 形象 应 用 编排 设计 
如 信纸 、 信 封 、 名 片 、 产 品目 录 等 ， 如 图 1-8 所 示 。 





图 上 -8 


5.， 网 页 版 式 设计 
如 各 种 类 型 的 多 媒体 网 页 版 式 设计 等 ， 如 图 1-9 所 示 。 


性 om unm mm。 ELOED ORANJE 
Ls 

















当今 社会 是 以 信息 为 基础 加 上 高 科技 发 展 的 设计 时 代 ， 信 息 革命 正如 19 世纪 工业 革命 那样 ， 改 
变 了 世界 的 面 狐 ， 影 响 着 整个 人 类 社会 和 人 们 的 日 常生 活 。 人 们 的 视觉 不 可 能 同时 接受 纷繁 复杂 、 即 
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将 “爆炸 ”的 信息 ,往往 只 关注 那些 具有 较 强 视觉 冲击 力 和 那些 引人入胜 并 能 提起 兴趣 的 信息 。 因 此 ， 
作为 视觉 信息 传达 的 版 式 设计 ， 要 想 增加 自身 的 吸引 力 ， 就 必须 按照 艺术 的 形式 特点 和 人 们 的 视觉 
感受 规律 来 设计 。 

版 式 设计 肩负 着 双重 使 命 ， 既 是 信息 发 布 的 重要 媒体 ， 同 时 又 要 让 读者 通过 版 面 的 阅读 产生 美 
的 遐想 与 共鸣 ， 让 设计 师 的 观点 与 涵养 能 够 进入 读者 的 心灵 。 版 式 设计 应 该 在 尊重 信息 传递 这 一 功 
能 性 的 基础 上 考虑 其 艺术 性 。 设 计 师 不 仅 要 把 美的 感觉 和 设计 观点 传播 给 观众 ， 更 重要 的 是 利用 合 
理 的 版 式 设计 广泛 调动 观 者 的 激情 与 感受 。 


1.1.4 版式 设 计 的 艺术 实践 


在 我 们 赖 以 生存 的 生活 空间 中 ， 无 论 是 在 吐 杂 的 公共 环境 ， 还 是 在 温馨 的 家 庭 居室 ， 随 时 随地 
都 可 以 找到 新 颖 、 美 观 或 是 陈旧 、 尊 脚 的 版 式 设 计 例 证 一 一 从 大 街 小 巷 的 标牌 文字 ， 到 无 孔 不 入 的 广 
告 版 面 ; 从 争奇斗艳 的 商品 包装 ， 到 良 芒 不 齐 的 书刊 报纸 …… 我 们 无 时 无 刻 不 在 所 谓 视 觉 信息 的 包 
围 中 。 可 以 说 ， 版 式 设计 是 现代 社会 信息 传播 不 可 或 缺 的 重要 组 成 部 分 。 优 秀 的 版 式 设计 ， 既 能 引导 、 
左右 人 们 的 视线 ， 又 能 让 人 在 接受 它 所 传递 的 信息 的 同时 ， 受 到 情趣 的 感染 或 创意 的 启迪 ; 低劣 的 版 
式 设计 ， 既 不 能 引发 人 们 的 欲求 ， 也 达 不 到 理想 的 传播 信息 的 目的 ， 更 不 要 说 陶冶 情操 或 拓展 思维 了 。 

版 式 设计 是 艺术 设计 专业 的 基础 ， 是 平面 设计 的 一 个 重要 组 成 部 分 。 版 式 设计 对 设计 者 来 说 是 
由 基础 向 专业 设计 过 渡 的 承上启下 的 重要 内 容 ， 它 是 广告 设计 、 装 帧 设计 、 包 装 设计 、VI 设计 等 课 
程 的 前 期 铺垫 。 设 计 者 对 版 式 设计 驾驭 能 力 的 强 弱 ， 直 接 影响 到 其 平面 设计 水 平 的 发 挥 。 

一 幅 作品 集中 了 设计 师 的 智慧 、 情 感 与 想象 力 ， 运 用 各 种 文字 、 图 形 ， 使 它们 按照 视觉 美感 和 
内 容 上 的 逻辑 统一 起 来 ， 形 成 一 个 具有 视觉 魅力 的 作品 ， 一 个 被 设计 者 赋予 情感 的 作品 ， 是 最 能 够 
打动 观 者 的 ， 如 图 1-10 所 示 。 











图 FI 
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1.2 版 式 设计 的 目的 与 意义 


人 们 一 般 借 助 于 各 类 媒体 来 了 解 身边 的 世界 。 处 于 信息 时 代 的 今天 ， 平 面 媒体 依然 是 人 们 获取 
信息 的 重要 渠道 ， 通 过 阅读 可 以 知晓 曾经 发 生 、 正 在 发 生 以 及 可 能 发 生 的 事件 。 如 何 简捷 有 效 地 让 受 
众 找到 其 所 需要 的 资料 与 信息 , 轻松 方便 地 与 其 进行 交流 和 互动 , 在 饶 有 兴趣 学 习 的 同时 感受 视觉 美 ， 
是 平面 设计 永恒 的 追求 。 


1.2.1 ”版式 设计 的 目的 


人 异 于 其 他 动物 之 处 在 于 具有 语言 和 思想 ， 人 的 社会 属性 更 是 决定 了 人 与 人 之 间 的 必然 联系 。 
为 了 交流 与 沟通 ， 人 们 需要 清晰 地 表达 思想 ， 版 式 设计 的 第 一 个 目的 是 促成 清晰 有 效 地 传递 信息 ; 
为 了 更 好 地 表达 自己 ， 必 须 找到 并 运用 最 合适 的 表达 形式 ， 让 受众 主动 而 非 被 动 地 接受 信息 ， 这 是 
版 式 设计 所 具有 更 深层 次 的 功能 与 意义 。 

进行 平面 设计 离 不 开 版 面 的 设计 ， 这 是 平面 设计 的 基础 。 版 面 的 构成 要 素 包括 文字 、 图 形 、 图 像 、 
色彩 、 线 条 等 ， 但 设计 不 是 对 这 些 要 素 的 简单 罗列 ， 这 些 无 声 的 视觉 符号 需要 设计 师 其 酌 安 排 ,使 之 
具有 形式 美的 含义 。 版 式 设计 的 作用 并 不 显现 在 表面 上 , 它 决定 着 平面 设计 的 基本 结构 、 设 计 的 基调 ， 
设计 中 的 结构 是 内 敛 而 隐藏 的 ， 它 藏匿 在 漂亮 而 感性 的 图 形 背 后 ， 无 声 地 体现 着 设计 中 理性 的 规范 。 
如 图 1-11 所 示 为 报纸 和 杂志 的 版 式 设计 。 
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1.2.2 版式 设计 的 意义 
现在 版 式 设计 的 灵魂 是 版 式 传递 的 信息 清晰 与 否 ， 版 式 编排 是 否 新 颖 和 吸引 人 。 在 保证 经 济 效 
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益 的 同时 ， 应 该 注重 精神 生活 的 质量 ， 更 应 该 强调 个 性 发 挥 下 的 表现 力 。 作 为 现代 设计 艺术 的 版 式 
设计 已 构成 视觉 传达 的 公共 方式 ， 为 人 们 构建 新 的 思想 和 文化 观念 提供 了 空间 ， 成 为 人 们 理解 社会 
的 重要 界面 ， 它 注重 激发 读者 的 激情 ， 以 轻松 、 自 然 、 有 趣 和 亲切 的 艺术 效果 ， 将 画面 深入 到 读者 
内 心情 感 中 去 。 如 图 1-12 所 示 为 菜单 折 页 和 画册 内 页 的 版 式 设计 。 








图 LL 


1.3 版式 设计 的 内 容 


在 现代 设计 中 ， 版 式 设计 的 重点 是 对 平面 编排 设计 规律 和 方法 的 理解 与 掌握 ， 其 主要 内 容 主要 
包含 以 下 几 个 方面 。 
1， 对 视觉 要 素 与 构成 要 素 的 认识 

视觉 要 素 和 构成 要 素 是 版 式 设计 的 基本 造型 语汇 ， 就 像 建 房 的 砖 瓦 ， 它 们 是 组 成 任何 平面 设计 
的 基础 , 视觉 要 素 包 括 形 的 各 种 变化 和 组 合 、 色 彩 与 色调 等 ; 构成 要 素 则 包含 空间 、 动 势 等 组 合 画 面 。 
对 视觉 要 素 与 构成 要 素 的 认 知 与 把 握 ， 是 版 式 设计 的 第 一 步 。 
2. 对 版 式 设计 规律 和 方法 的 认 知 与 实践 

版 式 设计 构成 规律 和 方法 是 对 平面 编排 设计 多 种 基础 性 构成 法 则 的 总 结 ， 与 视觉 要 素 和 构成 要 
素 的 关系 就 像 语言 学 中 的 语汇 和 语法 。 这 其 中 包括 了 以 感性 判断 为 主 的 设计 方法 和 以 理性 分 析 为 主 
的 设计 方法 ， 对 构成 规律 和 方法 的 认 知 与 实践 是 掌握 版 式 设计 的 关键 。 
3.， 对 版 式 设计 内 容 与 形式 关系 的 认 知 

正确 认识 并 把 握 形式 和 内 容 的 关系 是 设计 创作 的 最 基本 问题 。 内 容 决 定形 式 是 设计 发 展 的 基本 
规律 ， 设 计 的 形式 受到 审美 、 经 济 和 技术 要 素 的 影响 ， 但 最 重要 的 影响 要 素 是 设计 对 象 本 身 的 特征 。 
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理解 内 容 与 形式 的 关系 ， 恰 当 运 用 形式 将 内 容 表 现 出 来 是 平面 设计 专业 学 习 的 基本 课题 。 
4. 对 多 种 应 用 性 设计 形式 特点 的 认 知 与 实践 

平面 设计 种 类 很 多 ， 在 各 自 功 能 、 形 式 上 又 有 很 大 的 变化 ， 在 版 式 设计 过 程 中 应 该 清楚 地 认识 
和 把 握 各 种 应 用 性 设计 ( 包装 、 招 贴 、 广 告 、 海 报 、POP 等 ) 的 特点 。 如 图 1-13 所 示 为 各 种 不 同 






































































类 型 的 平面 版 式 设计 。 
vy EF 
[并 必 > 


给 Capital 
| 村 | Kitchen. 


B 


杂志 画册 


图 上 -1 


1.4 版 式 设计 的 发 展 趋势 


随 着 科技 的 发 展 和 信息 社会 的 到 来 ， 催 生 了 各 种 媒体 的 发 展 与 更 新 。 电 子 媒体 传递 的 多 样 化 ， 
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已 成 为 当今 最 具 吸 引力 的 版 面 构 成 因素 。 作 为 现代 设计 艺术 的 版 式 设计 已 经 成 为 世界 性 视觉 传达 的 
公共 语言 ， 其 发 展 趋势 呈现 以 下 几 个 特点 。 


1.4.1 强调 创意 


平面 设计 中 的 创意 分 为 两 种 ， 一 种 是 针对 主题 思想 的 创意 ; 另 一 种 是 版 面 编 排 设计 形式 的 创意 。 
将 主题 思想 的 创意 与 编排 技巧 相 结 合 的 表现 ， 已 经 成 为 现代 版 式 设计 的 发 展 趋势 。 在 版 面 编排 的 创 
意 表现 中 ， 文 字 的 编排 具有 强大 的 表现 力 ， 它 生动 、 直 观 ， 富 于 艺术 的 表现 力 与 传达 力 。 文 字 与 图 
形 的 配置 已 经 不 再 是 简单 的 、 平 淡 的 组 合 关系 ， 而 是 更 具有 积极 的 参与 性 和 创意 表现 性 ， 通 过 构思 
新 颖 的 编排 创意 达成 最 佳 配置 关系 来 共同 表现 思想 和 情感 ， 为 设计 注入 更 深 的 内 涵 和 情趣 ， 是 编排 
形式 的 深化 及 形式 与 内 容 完 美的 体现 。 如 图 1-14 所 示 为 富有 创意 的 版 式 设计 。 




















| 1 
! “在 该 杂志 该 海报 设计 ! 
! 面 的 设计 中 并 没 中 将 绿色 蔬菜 处 1 
， 有 使 用 任意 图 形 ， 理 为 从 林 ， 将 肉 ! 
制品 处 理 为 山峰 ， 
Ei 设计 ， Ri 
! 文字 内 容 排版 为 息 成 由 基站 的 
! 酒 瓶 的 形状 ， 与 六 自从 时 和 ; 非 : 
! 该 版 面 的 内 容 相 常 富有 创意 ,也 ， 
1 呼应 ， 具 有 很 好 能 够 带 给 受众 新 ! 
! 的 创意 表现 效果 。 鲜 . 自 然 的 感受 。 ! 
1 1 
人 2 


1.4.2 突出 个 性 


在 版 式 设计 中 ,追求 新 颖 独特 的 个 性 表现 ， 有 意 制造 某 种 神秘 、 无 规则 的 空间 , 或 者 以 追求 幽默、 
风趣 的 表现 形式 来 吸引 读者 、 引 起 共鸣 ， 是 现代 版 式 设 计 在 艺术 风格 上 的 流行 趋势 。 

每 种 设计 潮流 的 发 展 和 共识 , 都 离 不 开 对 新 风格 的 无 止境 的 追求 。 其 中 文字 除 有 效 传达 信息 之 外 ， 
它 在 版 式 设计 中 从 来 没有 像 今天 这 样 吸引 设计 者 对 它 的 偏好 与 瞩目 。 图 形 可 以 有 效 利用 其 本 身 所 具 
有 的 趣味 性 进行 巧妙 的 编排 和 配置 ， 以 营造 出 一 种 妙 不 可 言 的 空间 环境 。 而 色彩 在 经 过 巧妙 组 织 后 ， 
则 能 够 使 版 面 产生 神奇 美妙 的 视觉 效果 。 如 图 1-15 所 示 为 个 性 化 的 版 式 设 计 效 果 。 
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在 该 版 面 设计 中 ， 


1 
1 
通 该 杂志 版 面 使 用 | 
十 与 背景 
ee 黑白 人 物 头像 作为 版 ! 
人 物 与 背景 看 起 来 融 面 满 版 背景 ， 在 版 面 ， 
为 一 体 ， 文字 内 容 放 局 部 位 置 点 缀 黄色 的 | 
置 在 版 面 的 右 侧 ， 通 背景 与 文字 ， 使 得 版 ! 
过 不 同 的 字体 大 小 和 li ' 
来 区 别 不 同 的 ) : 
ee 人 留 下 深刻 印象 。 |! 
1 
1 


1 

1 

1 

' 
在 该 杂志 版 面 中 ， 在 灰色 背景 ! 
的 衬托 下 卡通 主体 图 形 的 表现 效果 ! 
非常 抢眼 ， 将 沿 曲线 排列 的 文字 放 ! 
置 在 曲线 条 幅 图 形 上 ， 为 版 面 添加 ， 
活力 ， 产 生 韵律 与 节奏 感 。 | 
1 

1 

1 

1 

1 

1 
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这 种 通过 文字 、 图 形 和 色彩 的 编排 所 制造 出 的 独特 形式 ， 给 版 面 编排 注入 了 更 深 的 内 涵 与 情趣 ， 
使 其 进入 了 一 个 更 新 更 高 的 境界 ， 摆 脱 了 陈旧 与 平 良 ， 为 设计 注入 了 新 的 生命 与 活力 。 


1.4.3 ”传递 情感 


“以 情 动人 ”是 艺术 创作 中 奉行 的 原则 。 从 当今 世界 上 各 大 媒体 的 发 展 趋势 来 看 ， 版 面 编排 在 
表现 形式 上 正 朝 着 艺术 性 、 娱 乐 性 、 亲 和 性 的 方向 发 展 。 由 过 去 那 种 干 篇 一 律 、 硬 性 说 教 、 重 视 合 
理性 的 版 面 形 式 ， 取 而 代 之 深化 为 一 种 新 文化 、 新 艺术 、 新 感受 、 新 情趣 ， 更 加 具有 魅力 。 这 种 极 
具 人 情 味 的 观赏 性 与 趣味 性 , 能 迅速 吸引 观众 的 注意 力 , 激发 他 们 的 兴趣 ， 从 而 达到 以 情 动人 的 目的 ， 
如 图 1-16 所 示 。 
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该 宣传 画册 的 内 
页 版 面 中 使 用 暖色 系 的 
色彩 进行 搭配 ， 暖 色 系 
本 身 就 能 够 给 人 一 种 温 
暖 、 舒 适 的 感受 。 将 跨 
页 版 面 进行 左右 分 割 ， 
一 侧 使 用 可 爱 的 婴儿 照 
片 作为 版 面 的 满 版 图 片 ， 
另 一 侧 则 是 相关 的 文字 
介绍 内 容 ， 使 用 色 块 来 
突出 重点 文字 内 容 的 表 
现 ， 整 个 画册 版 面 让 人 
感觉 温馨 、 有 爱 ， 很 好 
地 传递 了 所 要 表现 的 主 
题 情感 。 


DID 
YOU CHOOSE US 
mE 什么 短 计 入 弱 们 


在 版 面 编排 中 ， 文 字 编排 表述 最 富 于 情感 的 表现 。 例 如 文字 在 “轻重 缓急 ”的 位 置 关 系 上 ， 就 
体现 了 感情 的 因素 ， 即 轻快 、 凝 重 、 舒 缓 、 激 昂 。 另 外 ， 在 空间 结构 上 ， 水 平 、 对 称 、 并 置 的 结构 
表现 严谨 与 理性 ; 曲线 与 散 点 的 结构 表现 自由 、 轻 快 、 热 情 与 浪漫 。 此 外 ， 出 血 版 使 感情 舒展 ， 框 
版 使 感情 内 萤 ， 留 白 富 于 联想 ， 黑 白 富 于 理性 等 。 合 理 运用 编排 的 原理 来 准确 传达 情感 ， 正 是 版 式 
设计 更 高 层次 的 艺术 表现 。 如 图 全 他 所 示 为 文字 在 版 式 设计 中 的 情感 表现 。 





| 来 体现 主题 内 容 ， 并 且 将 ! 


1 会 海报 使 用 1 ， :可 1 、- | 
;me 人， 在 | 间 大 | ! ，， 该 活动 海报 采用 自 
地 ! 光景 中 搭配 灰色 的 曲线 ， a 1 由 的 版 面 构成 ， 将 处 理 后 1 
. es 区 1 的 人 物 素 材 放置 在 版 面 中 ! 
Yi ! 图 形 ， 主 题 文字 以 坚 排 方 ， 
昌 。“ ” 。”my 间 ， 式 放置 在 版 面 的 左 侧 ， 并 上司 上 | 
1 Sy 其 1 
i ;二 罗汉， 
时 果 ， 视 觉 效果 非常 突出 ， 
;上 在 版 面 的 右 下 方 ， 整 个 版 ， 四 


1 整个 版 面 表现 出 一 种 大 气 ， 


而 ”1 面 运用 大 量 留 白 ， 表 现 出 | ! 磅 三 的 视觉 效果 。 
1 1 


1 传统 、 清新 、 淡 蕉 的 风格 。| 
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1.4.4 突破 技术 


21 世纪 是 数码 设计 的 时 代 。 现 代 版 式 设计 势必 也 受到 意识 形态 、 表 现 艺术 的 影响 ， 并 随 着 技术 
的 变革 进入 了 全 新 的 时 代 。 电 视 媒 体 动 态 化 的 视觉 表现 ， 对 版 式 设 计 形成 强烈 的 冲击 ， 给 版 式 设计 
带 来 了 实现 创意 的 无 限 潜能 和 高 效率 。 版 式 设计 以 往 通常 是 在 二 维 状态 中 进行 创作 ， 在 经 历 二 维 程 
式 化 的 设计 之 后 ， 设 计 师 们 开始 致力 于 探索 新 的 界面 ， 力 求 打开 新 的 思维 空间 。 

而 数码 媒体 和 多 样 化 组 合 的 赌 新 手法 ， 不 仅 使 人 与 人 之 间 相 互联 系 的 方法 发 生变 革 ， 也 渗透 到 
视觉 设计 领域 。 运 用 计算 机 对 影像 合成 、 透 者 、 方 向 旋转 ， 图 像 的 滤 镜 特殊 技巧 等 多 种 处 理 方式 ， 
形成 了 一 个 多 维 空间 版 面 ， 人 的 想象 随 着 时 空 概念 的 变化 而 延伸 。 这 种 构成 方式 ， 使 版 式 设计 不 再 
是 一 个 简单 、 单 一 的 构成 关系 ， 而 逐渐 从 二 维 向 三 维 到 四 维 空间 延展 ， 构 成 了 多 视点 、 矛 盾 性 空间 








层次 的 立体 化 ， 以 此 刺激 观 者 ， 产 生出 前 所 未 有 的 艺术 形式 。 正 是 这 种 无 限 的 表现 手段 ， 使 其 摆脱 
了 以 往 大 量 手工 的 操作 ， 而 有 更 多 的 时 间 进 行 多 种 形式 的 创意 和 思考 ; 此 外 ， 日 益 细 分 的 市 场 、 品 
牌 的 个 性 化 也 产生 出 无 数 使 人 耳目 一 新 的 版 式 设计 风格 。 这 将 成 为 当今 版 面 构成 的 又 一 发 展 趋势 ， 
如 图 1-18 所 示 。 





该 海报 版 面 使 | 

用 黑色 作为 版 面 的 ! 
背景 色 ， 通 过 多 条 ， 
不 同 颜色 的 色 块 图 ! 
形 与 主题 文字 相连 ， 
接 ， 仿 佛 主体 文字 ! 
投射 向 四 面 八方 ， 
1 

1 

1 

1 


在 该 活动 宣传 海报 的 | 
设计 中 ， 在 版 面 中 心 位 置 ! 
放置 主体 图 形 ， 将 人 物 与 ， 
各 种 电影 相关 的 元 素 , 如 ! 
胶片 、 音 符 等 ， 完 美 地 结合 ， 
在 一 起 ， 形 象 而 富有 创意 地 | 
表现 海报 的 主题 ， 在 版 面 的 ! 
角 上 放置 简洁 的 说 明文 字 ， } 
版 面 构成 大 气 、 简 洁 。 | 

1 





使 得 版 面具 有 很 强 
的 层次 感 和 空间 感 。 




















1.5 版式 设计 的 常见 类 型 


一 般 来 说 ， 受 众 对 版 式 的 注意 是 一 种 选择 性 注意 。 选 择 性 注意 是 受众 对 版 面 进行 选择 阅读 的 基 
本 心理 特征 ， 只 有 好 看 的 内 容 与 好 看 的 编排 形式 完美 结合 ， 才 能 被 受众 认定 为 好 的 信息 传达 。 所 以 
依据 要 传达 的 信息 内 容 和 资料 进行 版 式 类 型 的 选择 ， 在 整体 信息 传达 过 程 中 显得 尤为 重要 ， 下 面 对 
版 式 设 计 中 常用 的 一 些 类 型 进行 归纳 总 结 。 
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1.5.1 骨骼 型 版 式 


版 式 设 计 中 的 骨骼 是 指 在 一 幅 版 面 中 各 造型 元 素 摆 放 的 骨架 和 格式 。 骨 骼 在 版 式 设计 中 起 着 支 
配 构成 单元 距离 和 空间 的 作用 。 具 体 设 计 中 可 根据 诉求 内 容 、 信 息 量 的 多 少 、 图 片 与 文字 的 比例 等 
情况 按照 骨骼 比例 规则 进行 编排 配置 。 

规则 的 骨骼 版 式 虽 然 具 有 序列 性 ， 但 版 面 变 化 空间 不 足 ， 容 易 给 人 带 来 呆板 、 机 械 、 缺 乏 活 力 
的 感觉 ， 故 使 用 时 需要 有 意识 地 做 一 些 变化 处 理 ， 例 如 运用 富 于 变化 的 标题 或 在 四 栏 的 文字 中 沿 骨 骼 
线 插入 占据 二 栏 或 三 栏 的 图 片 , 产生 版 面 局 部 跨栏 的 对 比 , 从 而 使 版 面 理性 而 不 失 活 泌 感 。 如 图 1-19 
所 示 为 采用 骨骼 型 版 式 的 设计 。 


Events mw 


音乐 网" 上 用 江 " Culture x 怠 现代 
= I 报 


ED6E 





下 

1 

1 

1 

1 

1 

| 在 该 画册 版 面 中 ， 左 侧 页 面 
! “使 用 骨骼 型 版 式 对 内 容 进行 编排 , 
! 在 横向 上 分 为 三 栏 ， 下 面 两 栏 又 再 
| 

1 

1 

1 

1 

1 

1 





竖 向 分 为 三 栏 ， 整 个 版 面 的 条 理 非 
常 清晰 、 严 谨 。 








提 骨骼 中 的 分 栏 是 指 文字 、 图 形 按照 一 种 方式 、 一 定 区 域 的 编排 ， 可 以 使 图 文 的 编排 富有 序列 感 。 ! 
示 分 栏 的 宽 罕 直 接 影响 文字 、 图形 的 编排 。 常 用 的 骨骼 型 版 式 有 横向 栏 和 竖 向 栏 , 具体 又 可 以 细 分 为 通栏 、1 
双 栏 、 三 栏 、 四 栏 等 。 5 


1 


1.5.2 整 版 型 版 式 


此 类 版 式 一 般 用 于 商品 广告 的 宣传 中 ， 以 商品 形象 或 与 企业 有 某 种 关联 性 的 人 物 、 景 物 、 器 物 
等 具有 典型 特征 的 图 片 , 直观 地 展示 诉求 主体 , 具有 一 目 了 然 的 视觉 感受 , 视觉 传达 效果 直观 而 强烈 。 
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文字 配置 压 置 在 上 下 、 左 中 或 中 部 ( 边 部 或 中 心 ) 的 图 像 上 。 整 版 型 版 式 能 够 给 人 大 方 、 舒 展 的 感觉 。 
如 图 1-20 所 示 为 采用 整 版 型 版 式 的 设计 。 








1 1 
eg l 在 该 海报 的 版 式 ! 
ee a 
的 时 尚 女性 摄影 作为 ，! 和 
封面 的 主体 ， 与 该 杂 ! 求 ， 采 用 拟人 化 的 手 
全 起 的 主题 以 尺 受 六 音 法 ， 将 商品 设计 成 ! 
用 体 相 吻 合 ， 简 洁 的 拱 ，! 超人 的 形象 ， 寅 意 该 ， 
2 配 风格 好 地 六 讽 :4 产品 所 带 来 的 非凡 感 ! 
出 时 尚 感 与 主题 。 。 1 受 ， 视 觉 冲 击 力 强 ， ， 
四, Es 创意 精妙 。 ! 
1 SINK YOUR FANGS 1 
a 入 INTO GREAT TASTE ee 

上 20 


1.5.3 对称 型 版 式 


对 称 是 表现 平衡 的 完美 状态 ， 是 一 种 力 的 均衡 。 对 称 这 一 形式 体现 了 形态 组 合 、 形 态 结构 的 整 
体 性 、 协 调 性 与 完美 性 ， 给 人 一 种 美好 的 视觉 感受 ， 也 是 人 们 生活 中 常见 的 一 种 构成 形式 ， 如 中 国 
传统 的 建筑 形式 等 。 

对 称 分 为 绝对 对 称 和 相对 对 称 ， 一 般 多 采用 相对 对 称 的 手法 ， 以 避免 过 于 严谨 。 对 称 型 版 式 一 
般 以 左右 对 称 居多 ， 给 人 稳定 、 理 性 的 感受 。 如 图 1-21 所 示 为 采用 对 称 型 版 式 的 设计 。 


该 DM 宣传 页 采 


1 1 

se : 二 1 
人 用 了 对 称 型 的 版 式 构 1 

加 ! 计 中 ， 采 用 了 对 称 的 ie 

， 版 式 构图 ， 将 图 片 放 人 
人 版 面 的 上 方 ， 介 绍 内 ! 

te 1 字 内 容 放置 在 版 面 下 容 放置 在 版 面 下方 ， | 
\ 政 机 和 中 间 使 用 弧 形 线条 进 1 

! 方 ， 使 版 面 的 表现 非 

J i 行 过 渡 ， 使 得 版 面 的 | 

pe 七 1 加 表现 更 加 自然 和谐 。 1 
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提 由 于 对 称 型 版 式 设计 过 于 稳定 ， 反 而 显得 缺少 变化 ， 另 外 从 人 的 视觉 需求 上 来 说 ， 也 不 满足 于 完 1 
示 全 对 称 的 形式 。 因 此 设计 时 可 以 在 保持 整体 对 称 的 基础 上 ， 寻 求 局 部 的 变化 。 这 种 变化 是 有 限度 的 ， | 
1 ”要 根据 力 的 重心 进行 量 的 调整 ， 使 其 量 感 达到 平衡 ,形象 有 所 差别 。 例 如 使 用 图 形 或 文字 元 素 ， 穿 插 、 1 
1 ， 连贯 于 上 下 或 左右 版 式 之 间 ， 使 版 面 产生 局 部 的 变化 ， 这 样 就 会 比 完全 对 称 的 形式 更 富有 活力 。 








、 


1.5.4 上 下 分 割 型 版 式 

上 下 分 割 型 版 式 是 指 将 整个 版 面 分 割 成 上 下 两 个 部 分 ， 在 上 半 部 分 或 下 半 部 分 配置 图 片 ， 可 以 
是 单 幅 图 片 ， 也 可 以 是 多 幅 图 片 ， 另 一 部 分 则 配置 文字 。 整 个 版 面 图 片 部 分 感性 而 富有 活力 ， 而 文 
字 部 分 则 理性 而 静止 。 如 图 1-22 所 示 为 采用 上 下 分 割 型 版 式 的 设计 。 





1 
1 
1 
F 该 画册 跨 页 版 面 使 用 了 上 下 分 割 型 的 版 式 设 
!， 计 ， 跨 页 的 下 方 放置 大 幅 的 满 版 图 片 ， 上 方 则 充 
1 分 运用 留 白 ， 放 置 少量 的 主题 介绍 文字 ， 使 得 版 
! 面 的 功能 划分 非常 清晰 、 自 然 ， 下 半 部 分 的 满 版 
! 图 片 给 读者 带 来 很 强 的 视觉 冲击 力 。 

1 

1 

1 





1.5.5 ”左右 分 割 型 版 式 
左右 分 割 型 版 式 是 指 将 整个 版 面 分 割 为 左右 两 个 部 分 ， 分 别 配置 图 片 和 文字 。 左 右 两 部 分 形成 


强 弱 对 比 时 ， 造 成 视觉 心理 的 不 平衡 ， 这 仅仅 是 视觉 习惯 ( 左右 对 称 ) 上 的 问题 ， 不 如 上 下 分 割 型 的 
视觉 流程 更 加 自然 。 如 图 1-23 所 示 为 采用 左右 分 割 型 版 式 的 设计 。 


1.5.6 ”中 轴 型 版 式 


将 主体 图 形 元 素 沿 版 面 的 水 平 线 或 垂直 线 的 中 轴 进 行 排列 ， 由 于 主体 元 素 排列 在 版 面 的 中 心 位 
置 ， 所 以 能 够 给 人 以 强烈 的 视觉 冲击 效果 ， 主 体 突出 ， 诉 求 效 果 明 显 。 如 图 1-24 所 示 为 采用 中 轴 型 
版 式 的 设计 。 
17 
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1 
左右 分 割 型 的 版 式 设计 在 画册 ! 
跨 页 版 面 中 非常 常见 。 该 画册 版 面 采 ， 
用 了 不 等 比例 的 左右 分 割 ， 版 面 层次 1 
划分 清晰 ， 大 幅 图 片 有 效 增加 了 版 面 | 

1 
1 
1 
1 
1 
1 
1 





的 视觉 效果 ， 左 右 分 割 位 置 的 缺口 设 
计 ， 打 破 生硬 的 分 割 ， 使 版 面 的 表现 
效果 更 加 活跃 。 





该 海报 版 面 采 用 该 海报 版 面 采用 中 
中 轴 型 版 式 设计 ， 将 轴 型 版 式 设计 ， 将 主体 
产品 图 形 沿 版 面 的 中 图 形 与 文字 内 容 沿 垂直 


轴线 垂直 放置 于 版 面 


1 
1 
1 
1 
1 
. 中 轴线 进行 排列 ， 帼 了 
! 的 中 心 位 置 ， 而 介绍 

1 

1 

1 

1 

1 


1 
' 
! 
! 
1 
图 形 放 置 在 上 方 ， 主 题 | 
1 
1 
1 
1 
1 
1 





文字 内 容 则 是 沿 水 平 
中 轴线 进行 排列 ， 给 
人 以 稳定 、 安 静 、 平 
和 与 合 蓄 之 感 。 


文字 放置 在 下 方 ， 给 人 
形象 的 感觉 。 垂 直 排列 
的 中 轴 型 可 以 给 人 带 来 
动感 的 效果 。 


Sy 


1.5.7 ”曲线 型 版 式 


将 主体 视觉 元 素 呈 曲线 状 排列 的 设计 形式 即 为 曲线 型 版 式 。 图 形 与 文字 沿 几何 曲线 或 自由 曲线 
方向 排列 , 形成 一 种 较 强 的 动感 和 韵律 感 , 并 呈现 出 有 起 伏 的 节奏 感 。 由 于 曲线 有 运动 感 、 弹 性 的 特质 ， 
常 给 人 以 自由 、 优 雅 的 感觉 。 如 图 1-25 所 示 为 采用 曲线 型 版 式 的 设计 。 


1.5.8 ”倾斜 型 版 式 


在 版 式 设 计 中 ， 形 象 元 素 呈 倾斜 排列 可 以 使 版 面具 有 飞跃 、 向 上 或 向 前 冲刺 的 动态 感觉 。 倾 斜 型 排 
列 与 水 平 排列 、 垂 直 排列 给 人 完全 不 同 的 感受 ， 水 平 排列 、 垂 直 排列 给 人 平静 和 肃立 感 ， 而 倾斜 排列 则 
将 力 的 重心 前 移 ， 具 有 一 种 动感 和 向 前 冲 的 力量 ， 其 动态 引 人 注 目 。 如 图 1-26 所 示 为 采用 倾斜 型 版 式 
的 设计 。 
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1 1 
1 1 
在 该 海报 版 面 中 ， ! “在 注 海 报 版 面 中 ，! 
不 仅 将 文字 内 容 进行 1 1 在 灰色 背景 的 衬托 下 1! 
倾斜 处 理 ， 与 小 提琴 ! | 卡通 主体 图 形 的 表现 | 
图 形 相 结合 ， 并 且 将 ， ! 效果 非常 抢眼 ,将 沿 ! 
文字 沿 曲线 路 径 进行 ， 让 ， 曲线 排列 的 文字 放置 ， 
排列 ， 仿 佛 是 小 提琴 ! _AE ， 在 曲线 条 幅 图 形 上 ， | 
演奏 出 的 旋律 , 给 人 ! | ! 为 版 面 添加 活力 , 产 ! 
无 限 的 想象 空间 。 。 上 \ ， 生 韵 律 与 节奏 感 。 。 ! 
! ! ! 

图 -25 
和 1 J 1 
1 | SYDNEY 1 1 
! 在 该 海报 版 面 ! 本 NICS ! 在 该 海报 版 面 ! 
! 中 采用 倾斜 的 版 式 设 ， cover ! 中 采用 倾斜 的 版 式 设 
1 计 ， 将 海报 的 背景 图 ， ! 计 ， 将 海报 中 的 主题 
| ! 片 进行 倾斜 处 理 , 将 ! ! 内 容 与 图 片 进行 整体 ! 
| ! 主题 文字 内 容 倾斜 放 ! 1 的 透视 倾斜 处 理 ， 使 ! 
， 置 在 对 角 线 位 置 上 ， | ， 版面 表现 出 很 强 的 立 | 
! 使 得 海报 的 整体 具有 ! ! 体 空间 感 , 创意 新 颖 、! 
! 强烈 的 动感 效果 , 让 ， ! 独特 ， 具 有 良好 的 视 ! 
， 人 印象 深刻 。 | ， 觉 效果 。 | 
! ! : ! 

图 上 26 














1.5.9 ”重心 型 版 式 


重心 型 版 式 就 是 在 版 式 设计 中 以 主体 图 形 或 文字 元 素 构成 画面 中 心 或 焦点 进行 主题 内 容 传达 ， 
而 其 他 元 素 则 围绕 中 心 排列 。 由 于 这 种 版 式 中 心 明确 、 主 题 突 出 , 更 有 利于 设计 主体 信息 的 有 效 传达 。 
在 设计 中 ， 画 面 中 心 有 的 是 以 图 形 或 文字 直观 表现 ， 有 的 则 是 以 间接 的 形式 表现 ， 例 如 “以 满 衬 空 ” 
的 表现 手法 。 此 外 ， 重 心 型 版 式 还 可 以 具体 细 分 为 向 心 式 版 式 、 离 心 式 版 式 、 同 心 式 版 式 等 。 如 图 1-27 
所 示 为 采用 重心 型 版 式 的 设计 。 
1.5.10 重复 排列 型 版 式 

设计 中 的 重复 形式 是 指 同 一 性 质 的 视觉 元 素 连续 、 有 规律 地 出 现在 画面 上 ， 能 够 使 画面 形象 有 
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序 、 整 齐 ， 并 形成 富有 节奏 韵律 感 的 视觉 效果 。 版 式 中 的 重复 形式 体现 在 将 相同 或 近似 的 单元 
骨骼 、 形 象 元 素 反复 排列 。 重复 表现 手段 的 特征 是 形象 的 连续 性 , 这 种 连续 性 反映 在 人 们 的 视觉 中 ， 
不 仅 能 保持 原 有 形象 的 特质 ， 而 且 还 会 增加 视觉 趣味 ， 产 生 安定 、 平 衡 、 有 序 等 视觉 感受 ， 使 画面 
形成 有 规律 的 节奏 韵律 感 ， 并 获得 既 有 变化 又 和 谐 统 一 的 效果 。 如 图 1-28 所 示 为 采用 重复 排列 型 版 
式 的 设计 。 





























， 丰富 。 
人 六 三 | 


1 1 站 1 
1 1 1 1 
! 该 海报 版 面 采 | 人 a 
! 用 向 心 式 版 面 设计 ， ! et 
! 将 版 面 的 主题 文字 以 1 tl 
! 大 号 字体 放置 在 版 面 ! 二 
! 的 中 心 位 置 ， 其 他 内 ! 时 
! 也 是 版 面 的 视觉 焦 ! 
1 容 则 围绕 在 版 面 的 四 ! st 
1 图 1 1 局 ， 1 
， 同 ， 并 通过 图 形 扫 册 ， 二 二 | 
! 重心， 最 特别 的 是 版 ! 1 
1 二 .性 ， 1 够 转移 到 右 下 角 的 产 | 
1 面 中 的 内 容 都 进行 了 上 Ch 
kp ;YE。 | 
| 1 BR! 1 
图 上 27 
mm THE aomam 1 1 天 本 RCR 3 
NEWY RKER Le 19 该 海报 版 面 使 用 ， 
本 有 ， ! 重复 排列 的 版 式 设计 
下 全 全 | 这 天 重复 排列 的 方式 进行 ' 有 可 和 和 列 的 版 式 设计 ，， 
| A ! ! 在 海报 版 面 中 重复 排 
La yy: 1 设计 ， 在 版 面 中 重复 | 
人 ! 列 不 同人 物 与 产品 的 ! 
Wid pod ! 的 人 物 插画 ， 重 点 突 ! 
! 出 该 版 面 的 主题 . 重 ! 1 些 照片 进行 了 大 小 尺 | 
5 汪 ， 复 的 元 素 可 以 使 版 面 1 ! 二 不同 的 处 理 ， 使 得 ， 
! 的 视觉 效果 显得 更 加 ，! | 了 加 6 区 效 条 砷 种: 
| 3 eh ! 丰富 ， 重 复 表 现 该 海 
! ! 报 的 主题 。 
1 














1.5.11 指示 型 版 式 
这 种 版 式 是 对 明显 的 视觉 结构 进行 指示 安排 的 一 种 表现 方法 。 指 示 型 版 式 一 般 以 图 形 或 文字 元 
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素 按 一 定 的 动 势 进行 排列 ， 或 以 箭头 、 线 条 、 色 彩 作为 形态 诱导 ， 最 终 将 受众 的 视线 引导 至 所 传达 
内 容 的 核心 画面 ， 以 达到 广告 宣传 的 目的 。 如 图 1-29 所 示 为 采用 指示 型 版 式 的 设计 。 


:mm 该 旅游 画册 版 面 使 用 了 指示 型 版 式 设计 ， 

北京 -马尔 代表 世上 荣华 三 | 在 版 面 下 方 分 别 以 圆 形 图 片 搭配 简短 的 文字 

来 介绍 每 天 的 行程 安排 ， 人 的 视觉 顺序 总 是 

过 和 = 为 F 半 .3 从 上 到 下 、 从 左 至 右 的 ， 所 以 在 介绍 内 容 的 

\ = 处 理 上 ， 使 用 线条 将 每 天 行程 的 圆 形 图 片 连 

宕 接 在 一 起 ， 在 阅读 的 过 程 中 当 看 完 第 一 个 就 

会 顺 着 线条 的 指示 继续 阅读 下 去 ， 版 面 内 容 
清晰 、 有 条 理 。 





1.5.12 自由 型 版 式 


自由 型 版 式 是 将 画面 主体 视觉 元 素 、 图 形 或 字体 呈现 分 散 的 状态 进行 排列 ， 具 有 很 大 的 随机 性 
和 自由 性 。 它 打破 了 常规 、 理 性 、 规 则 的 排列 方法 ， 使 版 式 呈 现 出 极 强 的 动感 和 空间 感 。 另 一 方面 ， 
自由 型 版 式 虽然 狗 似 一 种 无 意 的 版 式 排列 ， 实 质 上 也 是 设计 者 有 意识 、 精 心 设计 的 一 种 表现 形式 。 
如 果 不 假 思 索 ， 随 意 摆 放 设计 元 素 ， 将 会 给 人 带 来 视觉 和 心理 上 的 凌乱 感受 。 如 图 1-30 所 示 为 采用 
自由 型 版 式 的 设计 。 


计 ， 无 规律 的 编排 构 
成 ， 使 版 面 看 上 去 具 
! 有 活泼 、 轻 快 的 感觉 ， 
1 也 使 得 版 面 的 表现 更 
加 自由 ， 和 矩形 形状 图 
形 的 添加 ， 使 版 面 表 
现 出 很 强 的 动感 和 空 
间 感 。 


计 ， 将 各 种 产品 图 
片 进行 去 底 处 理 ， 
在 版 面 中 进行 自由 
排列 ， 图 片 与 文字 
的 混合 ， 使 版 面 给 
人 一 种 活泼 、 亲 近 
的 感觉 。 


和 :| 
! ”该 电影 海报 版 面 
该 杂志 版 面 采 ! 、 
采用 自由 型 的 版 面 设 
用 自由 型 的 版 式 设 ! 
1 
1 





版式 设 计 一 一 设计 师 必 备 宝典 


1.6 版式 设计 的 基本 流程 


要 想 设计 出 出 色 的 版 式 ， 首 先 需要 了 解 版 式 设 计 的 基本 流程 。 遵 循 合 理 的 版 式 设计 流程 ， 有 利 
于 对 设计 的 项 目 有 一 个 清晰 全 面 的 认 知 ， 使 设计 工作 更 加 顺畅 有 效 进行 。 


1.6.1 深入 理解 项 目的 主题 


首先 需要 明确 设计 项 目的 主题 ， 根 据 主题 来 选择 合适 的 元 素 ， 并 考虑 使 用 什么 样 的 表现 方式 来 
实现 版 式 与 色彩 的 完美 搭配 。 只 有 明确 了 设计 的 项 目 ， 才 能 够 有 准备 、 合 理 地 进行 版 面 的 设计 。 如 
1-31 所 示 为 不 同 主题 项 目的 版 式 表现 效果 。 
大 | mw 
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1.6.2 ”明确 在 版 面 中 需要 传递 的 信息 


版 式 设计 的 首要 任务 是 向 用 户 准 确 地 传达 所 要 传递 的 信息 。 设 计 师 首先 需要 明白 版 式 设计 的 主 
要 目的 和 需要 传达 的 信息 ， 再 去 考虑 合适 的 编排 形式 。 在 对 文字 、 图 形 和 色彩 进行 合理 搭配 以 追求 
版 面 美感 的 同时 ， 对 版 面 中 信息 的 传递 也 需要 准确 、 清 晰 。 如 图 1-32 所 示 为 不 同类 型 版 面 中 信息 
的 表现 。 


1.6.3 ”定位 目标 群体 
版 式 设计 的 类 型 众多 ， 有 的 中 规 中 和 矩 、 严 肃 工整 有 的 动感 活 涛 、 变 化 丰富 ; 也 有 的 大 量 留 白 、 
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意味 深长 …… 作 为 设计 师 ， 不 能 盲目 地 选择 版 式 类 型 ， 而 需要 根据 读者 群体 的 特点 进行 判断 。 如 果 
读者 是 年 轻 人 ， 则 适合 时 尚 、 活 泌 、 个 性 化 的 版 式 ; 如 果 读 者 是 儿童 ， 则 适合 活泼 、 趣 味 的 版 式 ; 
如 果 读 者 是 老年 人 ， 则 选择 常见 的 规整 版 式 ， 并 且 在 版 面 中 使 用 较 大 的 字号 会 比较 合适 。 因 此 ， 在 
进行 版 式 设计 之 前 ， 针 对 设计 的 读者 群体 进行 分 析 定 位 是 非常 重要 的 一 个 步骤 。 如 图 1-33 所 示 为 不 
同 目标 群体 的 版 面 设计 。 





时 尚 画册 内 页 


01 oo 
RI 
4 = 2 
08 


BLOSSOM 














1 

Dey ! 该 杂志 版 面 主要 ! | 该 儿童 夏令 营 ! 
| 面向 时 尚 、 个 性 的 年 ， 宣传 三 折 页 的 设计 ， 

je ! 轻 女 性 ， 版 面 采用 随 ! 使 用 了 多 种 不 同 的 ! 
! 意 自由 的 版 式 结构 ，1! 颜色 来 区 分 各 页 面 ，! 

! 通过 多 个 不 同 风格 的 ! 并 且 版 面 中 的 文字 ， 

“! 女性 模特 在 版 面 中 前 ! 也 使 用 了 卡通 的 字 ! 

! 后 放置 ， 搭 配 简洁 的 1 体 以 及 多 种 色彩 ， 1 

1 文字， 表现 出 时 尚 、! 从 而 使 版 面 表现 出 ， 

! 个 性 的 氛围。 ， 缤纷 的 活泼 氛围。 1! 

















1.6.4 ”明确 设计 宗旨 和 要 点 

设计 宗旨 也 就 是 当前 设计 的 版 面 所 需要 表达 什么 意思 ， 传 递 怎样 的 信息 ， 最 终 达到 怎样 的 宣传 
目的 。 这 一 步 又 在 整个 设计 过 程 中 十 分 重要 。 

在 商业 设计 中 ， 进 行 版 式 设计 需要 了 解 设计 的 要 点 ， 以 达到 广告 宣传 的 目的 。 有 明确 的 设计 宗 
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旨 和 主题 ， 并 通过 文字 与 画面 的 结合 ， 给 读者 留 下 深刻 的 印象 ， 将 画面 的 信息 准确 、 快 速 地 传递 给 
受众 群体 ， 从 而 促进 商品 的 销售 。 如 图 1-34 所 不 为 实 出 不 同 可 就 的 版 式 疫 计 。 




















1 
1 
该 汽车 海报 运用 1 
装 版 式 设计 非常 冲破 屏幕 的 创意 图 形 ! 
简洁 ， 除 了 品牌 标 ! 表现 出 汽车 的 动感 ， ! 
识 之 外 没有 任何 ! 在 版 面 下 方 使 用 大 号 ! 
多 余 的 元 素 ， 着 重 ! 毛笔 字体 突出 主题 的 | 
体现 了 品牌 形象 ! 表现 ， 具 有 非常 强烈 ， 
以 及 产品 的 纯粹 。 ! 的 时 尚 感 和 力量 感 。 ! 
| | 
| | 

食物 能 够 给 人 带 来 满足 感 和 愉悦 


1 

1 

} 

1 

感 ， 这 款 餐 厅 画 册 在 设计 中 充分 运用 ! 
这 一 概念 ， 使 用 精致 的 高 清晰 食物 昭 
片 作为 版 面 的 满 版 图 片 ， 搭 配 简洁 的 

1 

1 

1 

1 

1 

1 

1 





文字 介绍 内 容 , 充分 吸引 人 们 的 注意 ， 
勾 起 人 们 的 食欲 。 














1.6.5 ”安排 项 目 计划 

在 对 项 目 进行 设计 之 前 ， 需 要 对 设计 背景 进行 调查 研究 ， 并 收集 资料 、 了 解 项 目 背景 信息 ， 熟 
悉 项 目的 主要 特征 ， 根 据 收集 的 资料 进行 分 析 ， 确 定 项 目的 设计 方案 ， 然 后 根据 方案 来 安排 相应 内 
容 的 设计 。 
1.6.6 推进 设计 流程 

做 出 一 个 设计 方案 所 需要 经 历 的 过 程 叫 作 设计 流程 ， 这 是 设计 的 关键 。 想 到 哪里 做 到 哪里 的 方 
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式 很 可 能 使 设计 出 现 很 多 漏洞 和 问题 ， 我 们 应 该 按照 合理 的 设计 流程 来 进行 操作 。 如 图 1-35 所 示 为 
一 个 项 目的 版 式 设计 基本 流 


了 解 主题 ，; 
明确 设计 宗旨 


1. 根据 所 需要 设计 ! 
的 主题 和 要 求 ， 明 确 设 ! 
计 版 面 的 开本 ， 收 集 整 ! 


ee 理 版 面相 关 信息 内 容 ， 1 
思考 版 面 的 表现 形式 和 ! 
设计 风格 。 ! 

确认 设计 方案 与 风格 . 上 


1 

1 2. 可 以 在 纸 上 手绘 ， 
! 版 面 的 结构 草图 ， 再 确 ， 
! 定 版 面 中 各 部 分 内 容 的 ! 
1 比例， 这样 便于 修改 和 
! 调整 。 最 后 确定 版 面 中 ! 
1 内容 的 结构 和 编排 形式 。 





RONRR ! 

! 3. 根据 确定 的 版 面 ， 
! 内 容 结构 和 编排 形式 ， | 
! 将 整理 好 的 素材 图 片 与 ! 
1 文字 内 容 编 排 在 版 面 中 ，， 
! 使 
! 效果 ， 
1 
1 


ANNIVERSARY 





版 面 获得 平衡 的 视觉 | 
达到 能 够 有 效 传达 | 
主题 和 信息 内 容 的 目的 。 1 
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第 2 章 、 


点 、 线 、 面 是 构成 视觉 空间 的 基本 元 素 ， 也 是 版 式 设计 的 





1 
! 主要 表现 语言 。 无 论 画面 的 内 容 与 形式 多 么 复杂 ， 但 最 终 都 可 | 
! 以 简化 到 点 、 线 、 面 上 来 。 在 版 式 设计 中 这 些 基本 元 素 相互 依 ! 
! 存 ， 相 互 作用 ， 组 合 出 各 种 各 样 的 形态 ， 构 建成 一 个 个 王 变 万 ， 

1 


化 的 全 新 版 面 。 
本 章 将 向 读者 介绍 版 式 设计 的 相关 要 素 ， 使 读者 能 够 更 好 
地 理解 并 掌握 版 式 设计 的 精髓 。 





| 
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2.1 点 在 版 式 设计 中 的 构成 及 变化 规律 


众所周知 , 点 、 线 、 面 是 平面 设计 中 的 基础 , 有 的 人 不 屑 去 研究 基础 知识 , 殊不知 这 些 所 谓 的 基础 ， 
就 是 将 来 所 设计 的 骨骼 。 通 常 来 说 , “点 ”是 被 用 来 表示 位 置 的 ， 不 表示 面积 、 形 状 。“ 点 ” 虽 由 一 
定 的 面积 构成 ， 但 面积 大 就 不 称 之 为 “点 ”， 这 是 相对 于 其 背景 条 件 及 其 他 要 素 对 比 下 而 确定 的 。 


2.1.1 认识 版 式 设计 中 的 点 


人 的 视觉 具有 一 定 的 组 织 能 力 ， 可 以 对 所 看 到 的 对 象 进行 简化 ， 将 某 些 部 分 抽象 为 “点 ”， 以 
便于 把 握 整 体 图 像 。 

这 里 我 们 所 说 的 “点 ”不 是 狭义 的 一 个 点 ， 而 是 在 版 面 中 对 比 面 和 线 更 小 的 那个 面积 ， 如 图 2-1 
所 示 。 在 平面 设计 中 , “点 "的 设计 更 像 是 一 种 心理 的 体会 。 如 果 把 点 看 作 “ 点 "， 那 思维 就 会 被 限制 ， 
也 设计 不 出 好 的 作品 。 


相对 于 版 面 ， 白 色 的 正方 形 为 “点 ” 相对 于 白色 的 正方 形 ， 黑色 的 圆 形 为 “点 ” 





版 式 设计 中 的 “点 ”可 以 是 文字 ， 可 以 是 一 个 色 块 ， 也 可 以 是 一 个 面积 ， 定 义 的 前 提 都 是 对 比 
出 来 的 ， 如 图 2-2 所 示 。 通 过 图 形 的 对 比 可 以 看 出 ， 这 里 我 们 所 说 的 “点 ”不 是 狭义 的 一 个 点 ， 而 
是 在 版 面 中 对 比 面 和 线 更 小 的 那个 面积 。 


相对 于 版 面 ，M 为 “点 ” MA 右 





图 2-2 
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2.1.2 点 在 版 面 中 的 作用 


通过 对 “点 ”的 排列 能 够 使 版 面 产生 不 同 的 效果 ， 给 读者 带 来 不 同 的 心理 感受 。 把 握 好 “点 ” 
的 排列 形式 、 方 向 、 大 小 、 数 量 、 分 布 ， 可 以 形成 稳重 、 活 泌 、 动 感 、 轻 松 等 不 同 的 版 面 效 果 。 
1. 活跃 版 面 

有 的 时 候 ， 客 户 提供 给 设计 师 的 相关 文字 内 容 和 图 片 都 很 少 ， 但 是 我 们 为 了 让 版 面 看 起 来 活跃， 
应 该 怎么 处 理 呢 ? 这 个 时 候 就 可 以 在 版 式 设计 中 充分 发 挥 “ 点 ”的 灵动 特点 ， 将 文字 或 色 块 等 元 素 
处 理 为 “点 ”， 使 得 版 面 活 跃 起 来 。 如 图 2-3 所 示 为 使 用 “点 ”来 活跃 版 面 的 效果 。 


i 9 | 





和 1 1 
! 在 该 杂志 版 面 中 只 ! ©@. ca 
1 1 ;条 洁 ， 只 在 海风 中 
! 有 一 张 人 物 图 片 和 比较 ， ! 心 部 分 使 用 细 线 字体 ! 
by 1 
| ee 如 果 按 ， | 人 上 表现 出 海报 的 主题 ， 1 
| 排 ， 风 版 面 会 显得 比较 ! 将 部 分 文字 内 容 处 理 ! 
! 呆板 。 这 里 把 文字 元 素 ， 轩 a ! 为 点 ， 并 在 版 面 的 其 } 
! 以 点 的 形式 表现 出 来 ，1f “w_ / ! 他 位 置 添加 相同 颜色 ! 
! 使 整个 版 面 显得 活跃 而 ! ! 的 点 ， 从 而 使 版 面 变 ! 
Us ! @ ! 得 活路 。 ' 
Ee 


2. 指示 的 作用 

当 版 面 中 编排 的 信息 量 较 大 的 时 候 ， 如 何 能 够 更 好 地 区 分 各 部 分 信息 内 容 ? 如 何 能 够 更 好 地 方 
便 读者 阅读 版 面 中 的 信息 内 容 ? 这些 都 可 以 通过 版 面 中 “点 ”元 素 的 运用 来 实现 。 如 图 2-4 所 示 为 
版 面 中 的 “点 ”元 素 起 到 明确 的 指示 作用 。 


4 - 诞 针 泽 某 家 人 SS : 
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图 2-4 
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| 在 该 美食 杂志 版 面 中 ， 文 字 内 容 较 多 ， 为 了 便于 在 该 画册 目录 版 面 中 ， 使 用 序号 来 


[二 1 
! 读者 阅读 ， 为 介绍 不 同 内 容 的 部 分 添加 点 元 素 的 设计 !! 区 分 不 同 页 面 ， 这 里 的 序号 也 可 以 认为 是 1 
;来 进行 区 分 ， 使 版 面 中 的 信息 更 加 清晰 、 易 读 。 11 点 ， 使 版 面 中 的 目录 结构 一 目 了 然 。 1 


3. 烘托 版 面 氛 国 

在 版 式 设计 中 ， 为 了 能 够 更 好 地 烘托 整个 版 面 的 设计 主题 ， 可 以 将 版 面 中 的 关键 元 素 使 用 “点 ” 
的 形式 表现 出 来 ， 这 样 可 以 使 版 面 看 起 来 更 加 丰满 ， 并且 能 够 有 效 地 烘托 整个 版 面 的 气氛 。 如 图 2-5 
所 示 为 使 用 “点 ”来 烘托 版 面 氛围 。 













1 

1 
左 侧 为 原 活动 海报 ! 
的 版 式 设计 效果 ， 在 版 面 1 
中 点 级 多 种 不 同色 彩 的 小 ! 
点 ， 使 版 面 表现 得 非常 活 ! 
跃 、 热 闹 。 右 侧 的 版 面 中 ， 
将 不 同色 彩 的 小 点 去 掉 ， ! 
只 保留 海报 中 的 主体 图 形 ， 
与 文字 内 容 ， 热 六 的 氛围 ! 
1 

1 

1 


左 侧 为 原 DM 宣传 页 的 版 式 设计 ， 使 用 Logo 名 称 在 版 面 背景 中 进行 满 铺 ， 
并 且 设置 不 同 的 大 小 和 明度 ， 整 个 版 面 显 得 非常 丰满 、 活 跃 ， 并 且 加 深 受 众 对 该 


I 上 
1 1 
I 1 
下 1 
! 品牌 Logo 的 印象 。 右 侧 的 版 面 中 将 背景 中 的 Logo 名 称 去 除 ， 整 个 版 面 显 得 非 ! 
有 常 空 号 ， 氛 围 也 消失 了 ， 感 觉 非常 别扭 。 ! 
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= 
提 点 在 设计 作品 中 无 处 不 在 ， 在 有 限 的 版 面 空间 中 ， 它 能 够 起 到 点 级 画面 的 作用 。 版 式 设计 中 的 ! 
示 点 更 富 于 灵活 变化 ， 不 同 的 构成 方式 、 大 小 、 数 量 等 都 能 形成 不 同 的 视觉 效果 。 


2.1.3 点 在 版 式 中 的 构成 


在 版 式 设计 中 ，“ 点 ”的 位 置 、 移 动 、 聚 集 、 连 续 形成 了 “点 ”的 不 同形 态 并 赋予 不 同 的 情感 。 
其 特性 表现 在 它 的 大 小 、 所 在 空间 的 位 置 、 点 之 间 的 距离 、 点 的 聚集 等 方面 。 


。 点 的 位 置 
“点 ”作为 版 面 设计 元 素 ， 在 背景 居中 位 置 时 ， 呈 现 出 单纯 、 宁 静 、 稳 定 的 特点 。 当 “点 ” 偏 
离 了 中 间 位 置 ， 在 底 的 边缘 时 就 具有 方向 感 并 形成 动态 ， 如 图 2-6 所 示 。 


该 杂志 版 面 中 ， 在 中 | 区 汪 
间 位 置 放置 文字 ， 可 以 将 ! 
文字 看 作 点 ， 使 用 白色 的 ! 
线 框 将 文字 主题 框 住 , 整 ! 
个 白 框 也 可 以 看 作 一 个 点 ，! 
点 处 于 版 面 的 中 间 位 置 时 ， 
使 版 面 呈 现 出 单纯 、 稳 定 、 
宁静 的 感受 。 


1 

1 
该 海报 版 面 中 , 在 ! 
版 面 的 左下 角 和 右上 角 ! 
分 别 放置 黄色 图 形 , 形 ， 
成 对 比 ， 并 且 版 面 中 使 ! 
1 

1 

1 

1 

1 

1 

1 





用 明显 的 点 、 线 、 面 构 
成 ， 使 版 面 的 表现 重点 
突出 , 具有 一 定 的 动 势 。 








1 
下 
1 
1 
下 
1 
1 





ee 
所 在 版 面 设计 中 ， 并 没有 规定 “点 ”必须 放 在 某 一 个 位 置 上 ， 我 们 可 以 灵活 运用 “点 ”来 赋予 版 
示 面 丰 富 多 彩 的 效果 。 


2. 点 的 距离 

同一 画面 中 ， 如 果 有 两 个 相同 大 小 的 “点 ”( 图 形 、 色 彩 、 文 字 )， 相 距 一 定 的 距离 时 ， 这 两 点 
之 间 就 会 产生 一 种 内 在 的 张力 , 视线 就 会 往复 于 两 点 之 间 , 两 点 间 好 像 有 一 种 无 形 的 线 存 在 , 如 图 2-7 
所 示 。 当 两 个 “点 ”的 大 小 不 同时 ， 大 点 会 向 小 点 逐渐 移动 ， 最 后 集中 到 小 点 上 ， 越 小 的 点 ， 集 聚 
性 越 强 ， 如 图 2-8 所 示 。 


》》》30 


1 

1 

! 该 杂志 版 面 中 ， 
1 两 个 点 位 于 版 面 的 中 1! 
， 间 位 置 ， 并 且 具 有 相 ， 
! 同 的 大 小 和 对 称 的 位 ! 
! 置 ， 视 觉 效 果 上 非常 ， 
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该 产品 广告 版 面 中 ， 
主体 图 形 位 于 版 面 的 中 间 
位 置 ， 占 据 大 幅 版 面 ， 而 
产品 Logo 图 形 位 于 版 面 
的 右 下 角 ， 两 个 点 的 大 小 
不 同 ， 主 体 图 形 给 人 的 视 


! 稳定 。 整 个 版 面 给 和 ! 
! 一 种 简洁 、 稳 定 、 对 ! 
! 称 的 感受 。 
1 





觉 冲 击 力 最 强 ， 首 先 注意 
到 主体 图 形 ， 然 后 目光 会 
移 至 右 下角 的 点 上 。 





9 


3. 点 的 聚集 

在 版 式 设计 中 ， 将 这 些 “ 点 ”的 元 素 在 集聚 时 所 排列 的 形式 、 连 续 的 程度 、 大 小 的 变化 ， 均 能 
够 表现 出 不 同 的 情感 。 同 样 大 小 的 点 等 距离 排列 在 版 面 中 ， 具 有 安定 均衡 感 ， 如 图 2-9 所 示 ; 大 小 
参差 且 不 等 距离 排列 在 版 面 中 具有 跳动 和 不 规则 感 ， 如 图 2-10 所 示 ; 点 的 位 置 不 同 在 版 式 设计 中 能 
够 产生 不 同 的 方向 感 ， 如 图 2-11 所 示 。 


1 

1 

1 

m »: 

| 在 该 版 面 中 间 的 每 在 该 版 面 中 每 个 
1 一 个 字 看 作 一 字母 都 构成 一 个 点 ， 
En 这 些 点 拥有 相同 的 大 
1 个 点 ， 这 些 点 具有 相同 些 点 

! 的 大 小 ， 并 且 采 用 等 距 


! 离 的 规则 排列 ， 使 整个 


置 ， 通 过 这 些 点 的 排 





Py 


1 1 
1 
1 1 
1 1 
1 
1 1 
i 1 
1 1 
， 小 ， 但 具有 不 同 的 颜 | 
! 色 和 不 规则 的 排列 位 ! 
1 1 
1 1 
1 1 
1 1 
i 1 
下 1 
1 
| 1 





i | 
ia 规则 感 和 跳跃 感 。 

1 

' svi 

图 2-9 2-10 


提 在 版 式 设计 中 有 两 种 情形 必须 考虑 。 首 先 注意 “点 ”与 整个 版 面 的 关系 ， 即 “点 ”的 大 小 、 比 例 。 1 
一 一 “点 ” 同 其 他 视觉 元 素 相 比 ， 比 较 容易 形成 画面 视觉 中 心 ， 甚 至 起 到 画龙点睛 的 作用 。 考 虑 “点 ”的 

天 大 小 、 比 例 与 版 面 的 关系 ， 是 为 了 获得 视觉 上 的 平衡 与 愉悦 ; 其 次 组 织 、 经 营 “点 ”与 版 面 中 其 他 视 
! 。“” 觉 元 素 的 关系 ， 构 成 版 式 的 和 谐 美感 。 5 
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FCONTROL PANEL 
En 


在 该 产品 宣传 跨 页 版 面 
中 ， 圆 形 的 图 形 构成 版 面 中 的 
点 ， 将 版 面 中 的 点 元 素 沿 圆 弧 
状 进行 排列 ， 与 版 面 的 造型 风 
格 相 吻合 ， 并 且 通 过 连续 点 的 
排列 ， 能 够 有 效 地 引导 读者 阅 
读 版 面 中 的 内 容 。 








2.2 线 在 版 式 设计 中 的 构成 及 变化 规律 


“ 线 ” 只 具有 位 置 、 长 度 、 方 向 ， 它 是 “点 ”移动 的 轨迹 。 从 造型 含义 上 说 ， 它 是 具体 对 象 的 
抽象 形式 ， 所 以 “ 线 ” 的 位 置 、 长 度 是 可 感知 的 。“ 线 ”是 对 “点 ”静止 状态 的 破坏 ， 因 此 由 “ 线 ” 
构成 的 视觉 元 素 更 显得 丰富 ， 形 式 更 为 多 样 。 


2.2.1 认识 版 式 设计 中 的 线 


“ 线 ” 是 由 无 数 个 “点 ”构成 的 ， 是 “点 ”的 发 展 和 延伸 ， 其 表现 形式 非常 多 样 。 同 样 作为 版 
面 空间 的 构成 元 素 ,“ 点 ”只 能 作为 一 个 独立 体 ， 而 “ 线 ” 则 能 够 将 这 些 独 立体 统一 起 来 ， 将 “点 ” 
的 效果 进行 延伸 ， 如 图 2-12 所 示 。 








图 2-12 


在 版 式 设计 中 ，“ 线 ”的 表现 形式 主要 有 水 平 线 、 垂 直线 、 斜 线 、 折 线 、 细 线 、 粗 线 、 几 何 曲 
线 和 自由 曲线 等 几 种 形式 ， 如 图 2-13 所 示 。 

在 版 式 设 计 中 , 文字 构成 的 “ 线 ” 可 以 理解 为 “点 ”( 单个 文字 ) 的 流动 所 构成 的 , 如 图 2-14 所 示 。 
占据 画面 的 主要 位 置 ， 好 的 文字 编排 造成 形式 与 意义 的 融合 ， 产 生 大 气 磅 硫 的 艺术 美感 。 
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水 平 线 : 平静 、 稳 定 垂直 线 : 力度 、 伸 展 斜 线 : 动感 、 指 向 感 折线 : 锐利 感 、 空 间 感 
细 线 : 细腻 、 精 致 粗 线 : 厚重 、 力 量 几何 曲线 : 均衡 、 规 则 自由 曲线 : 随意 、 自 由 
图 2-13 

oiitii 
3 2a 昌 a 
HH 
li: 2 
aii 
:| 1 
Youth is not a time of lfe; | i & 
ttis a state of mind; tis not a matter of rosy cheeks, | 了 
= 和光 d ips and supple kneesi tis a matter of the wil， 1 2 | 
a qualty of the imagination, a vigor of the emotions; . : 
itis the freshness of the deep springs of fe. 于 


图 2-14 


2.2.2 ” 线 在 版 面 中 的 作用 

作为 视觉 元 素 ，“ 线 ”在 版 式 设计 中 的 影响 力 大 于 “点 ”， 它 要 求 在 视觉 上 占有 更 大 的 空间 。 在 
版 式 设计 中 ,， “ 线 ” 也 可 以 构成 各 种 装饰 要 素 ， 起 到 形成 轮廓 、 分 割 版 面 等 作用 。 
1.， 对 版 面 信息 进行 分 类 

通常 在 对 书籍 、 杂 志 、 报 纸 等 版 面 进行 排版 设计 时 ， 文 字 内 容 较 多 ， 为 了 使 版 面 更 易于 读者 的 
阅读 以 及 对 各 部 分 内 容 进行 区 分 ， 常 常 使 用 线条 在 版 面 中 对 文本 内 容 进行 划分 ， 使 版 面 内 容 显得 更 
加 富有 条 理 ， 如 图 2-15 所 示 。 
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站 | 避风 
\ te 
和 = 





在 该 杂志 版 面 中 ， 每 一 部 分 内 容 都 有 ! 
相应 的 图 片 、 标 题 和 文字 说 明 内 容 ， 如 何 ， 
使 读者 能 够 轻松 地 区 分 各 部 分 内 容 呢 ? 通 ! 
过 在 版 面 中 添加 相应 的 横 线 和 竖 线 对 版 面 
区 域 进行 划分 ， Wit tort 
明确 , 整个 版 面 也 显得 更 加 均衡 、 有 条 


Aston Martin 
Cygnet & Colette 





Ee 国 二 iil 

















2. 曲线 可 以 体现 出 版 面 的 柔美 
如 果 需 要 使 版 面体 现 出 更 多 的 情感 或 者 气质 ， 则 可 以 考虑 在 版 面 中 添加 合适 的 曲线 对 版 面 的 氛围 
进行 调节 。 曲 线 的 造型 比较 适用 于 体现 浪漫 、 唯 美 、 女 性 、 文 化 等 气质 的 版 式 风 格 中 ， 如 图 2-16 所 示 。 






Doo GREEN MONGAY 汉 


Hong Hong nternational Mirport 
= 





在 该 海报 版 面 中 ， 
主题 文字 采用 细 线 字体 ， 
并 且 通 过 添加 一 些 曲 线 
的 线条 装饰 ， 使 主题 文 


在 该 海报 版 面 中 ， 对 
英文 主题 文字 进行 变形 处 
理 ， 处 理 为 曲线 状 ， 并且 
在 版 面 的 其 他 位 置 也 添加 


在 该 产品 广告 版 面 设计 
中 ， 将 流动 的 水 处 理 为 曲线 


1 

1 

! 

1 形状 ， 自 上 而 下 环绕 产品 
i 子 富 

字 的 表现 更 加 符合 海报 ! ! 了 曲线 线条 ， 使 版 面 表现 1 | 全 人 千夫 表现 出 条 美 而 二 

的 主题 , 浪漫 而 且 唯美 。 出 优雅 的 气质 。 ee 

和 六- 4 
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3. 线 的 串联 作用 

当 版 面 中 的 元 素 比较 多 上 时， 如果 添加 分 类 信息 的 竖 线 觉得 画面 比较 死板 ， 那 么 可 以 使 用 一 些 倾 
和 斜 的 线条 ， 这 些 倾 斜 的 线条 可 以 使 方向 感 统一 的 同时 ， 也 会 使 画面 变 得 更 有 秩序 。 另 一 方面 ， 元 素 
和 画面 之 间 的 关系 ， 也 可 以 使 用 和 斜 线 进行 串联 ， 如 图 2-17 所 示 。 


ee 2 : 0 


在 该 画册 封面 中 ， 通 
过 添加 倾斜 的 直线 来 拓展 
版 面 的 空间 ， 使 版 面 表现 
出 很 强 的 空间 层次 感 。 在 
! 画册 页 面 中 使 用 相同 方向 
! 的 斜 线 ， 贯 穿 左右 版 面 
! 增加 版 面 中 页 面 与 页 面 以 
! 及 信息 与 信息 之 间 的 联系 。 







1 
1 
1 
1 
1 
1 
1 
1 
1 
1 






图 2-17 


4. 线 的 强调 作用 
在 版 面 设计 过 程 中 ， 还 可 以 通过 为 重要 信息 或 内 容 添加 线 框 的 方式 来 进行 突出 强调 ， 线 条 越 粗 ， 
强调 效果 越 明 显 ， 如 图 2-18 所 示 。 




















a 1 1 
1 1 1 在 该 杂志 版 面 中 多 处 ， 
| ! 使 用 线条 ， 在 版 面 底部 使 
(记得 入 亲 间 病症 的 ! 用 倾斜 的 细 线 条 来 分 市 版 ， 
! 功能 性 也 增 温 了 比 ! ! 面 空间 ， 增 强 版 面 的 层次 ， 
! 直接 放 一 个 墨镜 会 好 ! ! 感 。 为 版 面 中 的 主题 文字 
Ne -1 添加 与 背景 呈 对 比 色调 的 ， 
汪汪 人 ! 粗细 框 ， 重 点 突出 版 面 主 ! 
! 品牌 的 气质 一 ! 题 的 表现 ， 同 时 也 丰富 了 1 

‘i :和 man- 1 

SS me 

5. 文字 也 是 线 


之 前 说 到 点 的 运行 轨迹 形成 了 线 ， 如 果 一 个 字 是 一 个 点 的 话 ， 一 行 字 就 是 一 条 线 ， 几 行 字 就 是 
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几 条 线 ， 文 字段 就 是 一 组 线 ， 这 也 说 明 ， 线 在 平面 设计 构成 中 所 占 的 比重 是 很 大 的 。 文 字 所 形成 的 
线 在 版 面 中 所 起 到 的 视觉 效果 如 图 2-19 所 示 。 





册 眉 竹 吕 





1 
' 
1 
在 该 画册 跨 页 版 面 设计 中 ， 在 版 面 ， 
的 上 、 下 和 左 侧 都 留 有 少量 的 留 白 , 中 
间 放置 主体 图 片 ， 图 片 右上 角 的 位 置 放 ， 
1 
1 
1 
1 
1 
1 
1 





置 竖 排 文 字 ， 延 伸 了 画面 的 垂直 感 ， 使 
得 版 面 更 加 幽静 、 纯 朴 。 








A 




















2.2.3” 线 在 版 式 中 的 构成 


对 于 版 式 设计 来 说 ， 文 字 、 图 形 或 色彩 通过 线性 化 的 排列 也 会 产生 独 具 的 特点 ， 水 平 的 线性 化 
排列 带 有 稳定 、 永 久 、 和 平 的 意味 ， 如 图 2-20 所 示 ; 垂直 的 线性 化 排列 带 有 崇高 、 权 威 、 纪 念 、 庄 
重 的 意味 ， 如 图 2-21 所 示 。 











! ”在 该 时 尚 杂志 路 页 版 面 中 ， 使 用 大 幅 情 美 ，!。。 在 该 画册 跨 页 版 面 中 ， 右 全 版面 放置 满 版 的 精 1 
! 的 摄影 照片 作为 跨 页 版 面 的 潢 版 背景， 在 版 面 | ， 美 建筑 效果 图 片 ， 在 左 侧 版 面 的 中 间 位 置 ， 以 坚 排 ， 
! 中 间 位 置 通 过 水 平 文字 构成 简洁 的 版 式 ， 文 字 ! ! 文字 的 方式 构成 垂直 线条 ， 并 将 第 一 个 文字 放大 ， 

! 水 平 线性 化 的 排列 使 版 面 显得 稳定 。 ! ! 形成 点 、 线 、 面 的 对 比 ， 版 面 显得 庄重 、 大 方 。 
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版 式 设计 中 文字 或 图 形 斜 线 排列 是 介 于 垂直 线 排列 与 水 平 线 排列 之 间 的 形态 ， 具 有 不 安定 、 动 
态 感 和 活泼 感 ， 这 种 排列 表现 出 较 强 的 方向 性 ， 如 图 2-22 所 示 。 


在 该 活动 海报 版 面 
中 ， 使 用 圆 弧 状 图 形 来 
分 割 版 面 空间 ， 使 版 面 
表现 出 欢快 感 ， 并 且 版 
面 中 的 所 有 文字 内 容 都 
向 同一 个 方向 进行 倾斜 ， 
使 得 整个 版 面 表现 出 强 
烈 的 动感 。 


在 该 活动 宣传 海报 
版 面 中 ， 中 间 位 置 对 主题 
文字 进行 倾斜 处 理 ， 并 且 
将 文字 的 相应 笔触 延伸 
至 贯穿 整个 版 面 ， 有 效 地 
延伸 了 版 面 空间 ， 使 整个 
版 面 表现 出 活泼 和 动感 。 








2-22 


而 曲线 化 排列 似乎 受到 外 界 压 力 而 发 生 形变 ， 产 生 了 情感 知觉 中 的 倾向 性 ， 表 现 出 丰满 、 柔 软 、 
欢快 、 轻 盈 、 调 和 感 ， 其 形态 富 于 变化 ， 追 求 与 自然 的 融合 ， 或 富有 节奏 感 、 比 例 性 、 精 确 性 、 规 
整 性 等 特点 ， 并 富有 现代 感 的 审美 意味 ， 如 图 2-23 所 示 。 













”| “在 该 活动 海报 版 式 设 ! 
名， 计 中 ， 多 处 使 用 回 弧 状 的 ， 

1 图 形 与 圆 形 图 形 ， 使 版 面 ! 
! 表现 出 一 种 柔和 、 轻 快感 ，! 
! 为 了 与 版 面 的 整体 风格 相 ! 
1 统一， 版 面 中 的 文字 同样 ! 
1 沿 圆 弧 曲 线 进行 排列 ， 使 | 
! 整个 版 面 富有 节奏 感 。 。 


1 

1 下 
! 在 该 杂志 封面 的 版 ! 
! 式 设计 中 ， 将 版 面 中 的 文 ! 
1 字 沿 着 人 物 轮廓 区 曲线 
! 进行 排列 ， 使 版 面 表现 出 ! 
1 一 种 不 规则 的 轻盈 感 ， 并， 
! 且 这 样 的 排版 方式 给 人 | 
! 一 种 很 特别 的 个 性 感 。 

















2.3 面 在 版 式 设计 中 的 构成 及 变化 规律 


“ 面 ”在 平面 设计 中 相当 于 一 部 电影 里 的 主角 ， 是 一 幅 作 品 里 面 最 重要 的 组 成 部 分 。 在 整个 版 
面 中 ，“ 面 ”所 占 的 面积 是 最 大 的 ， 所 以 “ 面 ”的 表现 方式 直接 决定 了 版 面 的 风格 和 气质。 
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2.3.1 认识 版 式 设计 中 的 面 
在 点 、 线 、 面 这 3 种 构成 要 素 中 ，“ 点 ”和 “ 线 ”都 是 辅助 元 素 ， 它 们 既 有 功能 性 又 有 装饰 性 ， 


虽然 它们 不 是 画面 中 的 主角 ， 但 却 是 不 可 或 缺 的 重要 元 素 ， 而 版 面 中 真正 的 主角 就 是 “ 面 ”， 设计 
师 对 版 面 中 面积 的 刻画 和 表现 ， 决 定 了 所 设计 的 版 面 是 什么 风格 和 气质 。 
14 一 个 面 


“ 面 " 作为 设计 中 一 种 重要 的 符号 语言 , 被 广泛 地 运用 于 设计 当中 。 如 果 在 一 个 版 面 中 只 有 一 个 “ 面 ”， 
那么 它 是 整个 版 面 中 当之无愧 的 主角 ， 也 是 整个 版 面 中 需要 重点 突出 表现 的 内 容 ， 如 图 2-24 所 示 。 





Te 1 
1 1 
i ! “在 该 杂志 跨 页 版 面 中 ， 1 
! 底部 的 满 版 图 片 为 该 版 面 中 @ | 
! 的 唯一 的 “ 面 ”， 也 是 该 版 | 
! 面 的 主角 。 版 面 中 的 其 他 元 ! 
! 素 与 “ 面 ” 在 版 面 中 形成 点 、 ! 
1 线 、 面 的 相互 对 比 。 
1 1 
图 2-24 


2. 两 个 面 


例如 一 部 电影 中 有 两 个 主角 ， 但 是 也 会 分 戏份 的 轻重 。 版 式 设计 也 是 相同 的 道理 ， 在 版 面 中 某 
一 个 元 素 很 重要 ， 那 在 设计 时 就 让 它 在 版 面 中 所 占 的 面积 大 一 些 ， 另 一 个 元 素 相对 不 是 那么 重要 ， 
就 让 它 在 版 面 中 所 占 的 面积 小 一 些 ， 如 图 2-25 所 示 。 





TOTEARNING ge 


| 
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3. 多 个 面 

在 一 个 版 面 中 还 可 以 同时 存在 多 个 “ 面 ”， 但 是 同样 也 要 分 清 主 次 ， 重 要 的 元 素 就 让 它 在 版 面 
中 所 占 的 面积 大 一 些 ， 次 要 的 就 在 版 面 中 占 的 面积 小 一 些 。 多 个 “ 面 ”构成 的 版 面 能 够 给 人 一 种 丰 
富 和 有 层次 感 的 视觉 效果 ， 如 图 2-26 所 示 。 




















(=| 
提 “ 面 ”是 “点 ”的 密集 或 线 的 移动 轨迹 。 在 版 式 设计 中 ，“ 面 ”的 概念 是 视觉 效果 中 点 的 扩大 ! 
JS 与 平面 集合 ， 线 的 宽度 增加 与 平移 、 翻 转 , 均 可 产生 面 的 感受 。 直 线 的 变化 可 以 产生 正方 形 、 长 方形 、 - 
1  ” 圆 形 以 及 其 他 形状 。 , 


EE ET 


2.3.2 面 的 表现 形态 


不 同形 状 的 “ 面 ”会 给 人 带 来 不 同 的 心理 感受 ， 在 设计 表现 时 需要 注意 “ 面 ” 的 形状 对 人 的 心 
理 和 版 式 设计 整体 格调 所 起 的 主导 作用 。 根 据 me 的 形状 和 边缘 的 不 同 ，“ 面 ”的 形态 会 产生 很 
多 变化 ， 主 要 可 以 分 为 方形 、 圆 形 、 几 何 形 和 不 规则 形 。 


1. 方形 

方形 的 “ 面 ”， 只 要 图 片 很 有 创意 性 ， 或 者 图 片 很 美 ， 就 会 让 整个 版 面 看 起 来 有 气质 。 所 以 在 
我 们 的 设计 实战 中 ， 如 果 客 户 提供 的 照片 很 美 或 者 很 有 视觉 冲击 力 ， 我 们 不 妨 采用 简单 的 设计 ， 只 
使 用 点 、 线 、 面 的 设计 准则 来 烘托 图 片 的 美 即 可 ， 如 图 2-27 所 示 。 

在 版 式 设计 过 程 中 ， 方 形 元 素 或 方形 排列 可 以 使 版 面 呈现 出 安定 的 秩序 感 ， 有 简洁 、 男 性 的 
性 格 。 
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该 画册 内 页 版 面 用 于 介绍 城市 的 生态 环 
境 ， 选 择 该 城市 具有 代表 性 的 自然 风光 摄影 作 
为 版 面 中 的 满 版 跨 页 图 片 ， 虽 然 是 简洁 方式 的 
图 片 ， 但 是 其 本 身 非常 精美 ， 并 且 能 够 表现 出 
该 版 面 的 主题 内 容 , 非常 能 够 烘托 版 面 的 意境 。 

















2. 圆 形 
圆 形 或 其 他 平滑 的 曲线 形 的 “ 面 ”， 可 以 呈现 出 柔软 、 女 性 的 特质 。 几 何 曲 线形 具有 秩序 感 ， 
显得 比较 规整 ， 而 自由 曲线 不 具有 几何 秩序 性 ， 富 于 魅力 和 人情 味 ， 如 图 2-28 所 示 。 





1 
1 
在 该 广告 版 ， 
面 中 ， 主 体 图 形 ! 
是 一 个 圆 形 的 盘 1 


1 

! 在 该 海报 版 面 中 ， 
! 明确 区 分 为 左右 两 个 
! 平滑 曲线 形 的 面 ， 表 现 1 


1 出 优美 、 流 畅 的 感觉 。 | 





aA 器、 1 
| 因 ! 版 面 中 的 两 个 曲线 形 ! 
表现 出 美好 的 1 1 的 面 采 用 对 比 色调 ，! 
1 愿景 | | 使 版 面 表现 出 很 强 的 视 ， 
! ! 觉 冲 击 。 ! 
1 1 1 


3. 几何 形 

方形 的 “ 面 ”在 版 面 中 毕竟 会 显得 比较 普通 甚至 是 呆板 ， 除 非 方形 图 片 的 表现 效果 非常 突出 ， 
能 够 对 版 面 起 到 有 效 的 烘托 作用 ， 否 则 版 面 就 会 显得 没有 活力 。 在 版 面 中 加 入 几何 形 元 素 就 能 够 很 
好 地 解决 这 个 问题 ， 使 版 面 显得 灵动 、 有 活力 ， 如 图 2-29 所 示 。 
4. 不 规则 形 

此 处 所 说 的 不 规则 形 是 指 在 版 面 中 对 图 片 素材 进行 去 底 处 理 ， 也 就 是 我 们 常 说 的 “ 抠 图 ”， 把 
图 片 中 的 重点 元 素 抠 出 来 放置 在 版 面 中 ， 目 的 是 为 了 展示 元 素 的 造型 与 独特 气质 ， 同 时 也 可 以 使 版 
面 显得 更 加 灵活 ， 如 图 2-30 所 示 。 
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1 
在 该 画面 跨 页 版 面 中 ， 使 用 了 多 个 “ 面 " 的 1! 
表现 方式 ， 在 版 面 上 方 使 用 方形 满 版 跨 页 大 图 为 ”1 
主体 ， 但 是 为 了 避免 版 面 看 起 来 呆板 ， 其 他 的 辅 1 
助 面积 都 使 用 几何 形 作为 点 缀 ， 整 体 来 看 ， 版 面 | 
灵活 而 不 失 大 气 。 ! 
1 


该 杂志 版 面 使 用 几 
何 形 作为 版 面 的 主要 构 
成 方式 ， 可 以 将 多 个 面 
整体 看 作 一 个 几何 形状 的 
“ 面 ”， 也 可 以 看 作 多 个 
独立 的 “ 面 ”， 版 面 的 表 
现 方式 灵活 、 别 致 。 


该 广告 版 面 的 设计 非常 简 | 
洁 ， 使 用 模特 人 物 与 文字 简介 ! 
为 主 ， 在 版 面 中 通过 添加 细 线 1 
条 与 三 角形 色 块 ， 使 版 面 构成 ， 
点 、 线 、 面 的 对 比 ， 并 且 三 角 ， 
形 色 块 与 人 物 衣服 色彩 相 呼应 ， | 
使 版 面 显得 时 尚 、 个 性 、 活跃 。 ! 


1 

! 
该 画册 跨 页 版 面 中 将 中 国 传统 建筑 图 片 进行 去 ， 

底 处 理 ， 将 抠 出 的 建筑 分 别 放置 在 版 面 的 左下 角 和 ， 
右上 角 位 置 ， 形 成 大 小 对 比 ， 并 能 够 使 左 页 与 右 页 ! 
1 

1 

1 

1 

1 





相 呼 应 ， 同 样 版 面 的 表现 也 更 加 富有 活力 。 





该 杂志 版 面 的 排 ! ! 

! 版 非常 富有 个 性 ， 将 内 ， ! 该 海报 版 面 中 ， 

! 容 全 部 安排 在 版 面 的 右 ! ! 将 去 底 处 理 的 人 物 ! 

! 侧 ， 左 侧 为 大 面积 的 留 ! ! 头像 放置 在 版 面 中 1 

! 白 ， 并 且 对 版 面 中 的 图 ' ! 心 ， 结 合 色 块 与 线 ! 

! 片 进行 去 底 处 理 ， 只 保 ! ! 框图 形 ， 使 版 面 表 ! 

! 留 花 条 插画 ， 使 版 面 表 ， ! 现 出 独特 的 个 性 和 1 

5 这 ! 现 出 空间 感 ， 给 人 带 来 ! ! 空间 感 。 
tumia ! 想象 的 空间 。 ' 1 1 
1 1 1 1 














图 2-30 
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2.4 ”版 式 设计 中 的 其 他 构成 要 素 


版 式 设计 中 的 基础 元 素 除了 前 面 介绍 的 点 、 线 和 面 之 外 ， 还 有 肌理 和 色彩 两 种 重要 的 元 素 。 色 
彩 是 版 式 给 受众 的 第 一 感受 ， 而 肌理 则 能 够 使 版 面 的 表现 效果 更 具有 质感 。 


2.4.1 肌理 元 素 


肌理 也 是 一 种 版 式 基本 构成 要 素 ， 肌 理 有 各 种 粗细 、 质 感 与 色彩 的 变化 。 在 版 式 设计 中 ， 肌 理 
的 表现 是 非常 丰富 的 ， 不 同 的 图 片 、 文 字 与 纸张 都 可 以 构成 视觉 品质 完全 不 一 样 的 肌理 效果 ， 印 刷 
工艺 的 发 展 与 革新 也 可 以 带 来 新 的 肌理 ， 例 如 各 种 亚 光 、 打 孔 、 思 凸 等 效果 ， 可 以 极 大 地 丰富 画面 
的 视觉 效果 ， 如 图 2-31 所 示 。 















四 凸 [UV 
图 2-31 














同时 ， 任 何 画 面 上 的 视觉 形象 组 合 ， 不 管 它们 是 图 形 、 文 字 或 底 色 ， 或 是 具象 的 还 是 抽象 的 ， 
其 自身 也 构成 一 种 复合 的 肌理 ， 应 该 注意 从 画面 整体 出 发 ， 研 究 和 调节 肌理 与 内 容 之 间 的 对 比 关 系 。 
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如 图 2-32 所 示 为 版 面 中 背景 肌理 的 应 用 。 


该 海报 版 面 使 用 深 
灰色 作为 背景 主 色调 ， 

在 背景 中 搭配 浅 灰色 的 
坚 线条 纹 ， 使 海报 的 背 
景 纹理 清晰 、 有 条 理 ， 
并 且 版 面 中 的 主体 图 形 
也 使 用 了 肌理 效果 ， 表 

















1 该 咖啡 品牌 宣传 朋 使 用 麻布 颗 ， 








现 出 黄金 质感 。 ! 粒状 的 肌理 背景 ， 体 现 出 印刷 品 的 ! 
! 质感 ， 并 且 能 够 更 好 地 体现 质朴 、， 
1 香醇 的 韵味 。 ! 

图 2-32 











在 版 式 设计 中 ， 字 体 作为 肌理 的 一 种 表现 往往 被 人 们 忽视 。 实 际 上 ， 文 字 作为 肌理 在 编排 设计 
中 具有 非常 重要 的 意义 ， 它 可 以 帮助 设计 者 在 选择 字体 及 其 大 小 、 轻 重 方面 提供 视 党 上 的 参考 依据 。 
如 图 2-33 所 示 为 文字 肌理 的 应 用 。 
提 --------------------------------------------------- 。 
肌理 的 对 比 是 版 式 设计 中 最 为 重要 的 视觉 要 素 和 手段 ， 肌 理 的 美感 在 对 比 中 表现 得 最 为 充分 ， 
不 各 种 视觉 要 素 构成 的 复合 肌理 具有 强大 的 视觉 表现 效果 。 


1 1 
在 该 活动 海 ! 在 该 电影 海 ! 
报 的 版 面 设计 中 ，， 报 的 版 面 设计 中 ， 
将 主题 文字 处 理 | 使 用 红色 加 粗 的 | 
为 革 蔓 与 花 打 图 ! 大 号 字体 来 突出 ，! 
形 相 结 合 的 效果 ，， 电影 的 名 称 , 并 | 
既是 主题 文字 ，! 且 为 文字 添加 了 ! 
也 表现 出 图 形 的 ， 彩色 的 肌理 效果 ， 
视觉 效果 ， 从 而 1 使 得 海报 名 称 的 ! 
丰富 版 面 的 视觉 ! 表现 更 加 具有 ! 
表现 效果 。 I 质感 。 i 
1 1 





站 
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2.4.2 色彩 元 素 


在 版 式 设计 中 ， 色 彩 的 表现 力 是 较为 重要 的 学 习 课 题 。 内 容 决 定形 式 ， 色 彩 的 这 种 形式 语言 
以 直接 地 将 设计 所 要 表达 的 内 容 传达 给 受众 。 在 色彩 的 各 个 要 素 中 ， 色 相 是 最 具有 视觉 表现 力 的 。 
在 版 式 设计 中 ， 色相 的 性 质 和 设计 所 要 表现 的 内 容 之 间 有 着 直接 的 联系 ， 如 图 2-34 所 示 。 


! 在 该 海 报 版 面 ， : ee 
! 中 ， 大 面积 的 蓝 色 ! ! “在 该 活动 海报 1 
! 主体 图 形 在 浅黄 色 ， | 中， 使 用 棕色 作为 海 | 
! 的 背景 中 非常 突出 ，， ! 报 的 整体 色调 ， 表 现 ! 
! 体现 出 一 种 理性 、! ! 出 温 声 、 舒 适 的 氛围 , ! 
! 悠远 的 视觉 印象 。 ! ! 海报 中 使 用 棕色 的 明 
! 并 且 海 报 中 将 人 物 ! ! 暗 变 化 ， 使 海报 的 视 ! 
! 与 蓝 色 的 水 墨 相 结 ! ! 觉 效果 统一 ， 搭 配 手 ， 
1 合 , 非常 具有 创意 ， ， | 写 体 的 主题 文字 , 表 
! 给 人 很 强 的 视觉 冲 ， ! 现 效果 强烈 。 

| 直 力 。 : 




















色彩 可 以 给 人 以 直接 或 间接 的 心理 联系 。 这 种 联想 的 形成 机 制 和 过 程 是 相当 复杂 的 ， 例 如 对 食 
品 与 色彩 的 研究 发 现 , 色彩 在 这 方面 有 着 许多 令 人 惊讶 的 联系 ， 翠绿 、 天 蓝 一 般 和 水 有 关系 , 而 红色 、 
棕色 、 黄 色 和 白色 总 是 和 面包 之 类 的 食物 相关 ， 这 种 由 色彩 引发 的 心理 联想 ， 大 多 数 与 人 对 客观 对 
象 的 感受 有 联系 。 如 图 2-35 所 示 为 色彩 联想 在 版 式 设计 中 的 表现 。 








在 该 化 妆 品 广告 设 

在 该 面包 广告 设 1 计 中 , 使 用 蓝天 .白云 

! 计 中 ， 在 版 面 的 中 间 位 ， 草地 这 样 的 大 自然 场景 

| 置 创建 图 形 ， 使 用 红 橙 } 作为 版 面 的 背景 ， 与 产 
1 色 作 为 主 色调 ， 并 且 左 1 品 的 主 色调 相 呼 应 ， 一 


! 上 角 与 右 下 角 的 色彩 相 ! 


1 呼应 ， 表 现 出 热情 、 欢 ! 
1 乐 、 美 味 的 视觉 印象 。 


幅 清 新 、 自 然 的 景象 ， 
表现 出 产品 的 健康 、 自 
然 与 绿色 品质 。 

















》>》》44 


第 2 章 版 式 设计 要 素 IE 


色彩 的 表现 常常 是 通过 各 种 色彩 组 合 在 一 起 的 方式 进行 。 色 彩 的 组 合 就 构成 了 色调 。 更 进一步 


讲 ， 色 调 有 另 一 层 意义 ， 就 是 指 一 个 画面 运用 的 各 种 色彩 组 合 中 
总 是 综合 地 运用 色彩 的 。 大 量 的 版 式 设计 的 作品 都 是 以 色调 组 合 
彩 的 表现 力 总 是 建立 在 色彩 的 面积 及 明度 、 色 相 的 倾向 与 纯度 的 
一 种 关系 的 变化 ， 都 可 能 使 得 版 面 给 人 不 一 样 的 视觉 感受 。 如 图 
版 面 。 


所 具有 的 某 一 色彩 的 倾向 性 ， 设 计 
的 方式 进行 的 ， 在 版 式 设计 中 ， 色 
综合 关系 上 。 这 些 色彩 要 素 之 间 每 
2-36 所 示 为 使 用 色彩 组 合 来 表现 





在 该 产品 画册 版 面 设计 
中 ， 运 用 和 矩 形 色 块 来 区 分 版 
面 中 不 同 的 内 容 区 域 ， 使 得 
版 面 的 划分 非常 清晰 。 版 面 
中 的 图 片 都 使 用 了 色调 比较 
统一 的 浅 蓝 色 ， 而 文字 内 空 
色 块 则 采用 了 纯度 较 低 的 浅 
紫色 ， 整 个 版 面 的 色调 比较 
统一 ， 整 体 给 人 一 种 宁静 、 
和 谐 之 美 。 


























1 
在 该 杂志 跨 页 版 面 设 | 

计 中 ， 主 要 使 用 统一 的 萎 1 
形 来 构成 版 面 效果 ， 不 同 | 
大 小 、 位 置 和 颜色 的 姜 形 ， 
使 版 面 的 表现 效果 非常 丰 1! 
富 、 多 样 ， 版 面 使 用 白色 | 
1 

1 

1 

1 

1 

1 

1 

1 

1 





作为 背景 色 ， 搭 配 红色 和 
蓝 色 的 菱形 背景 和 图 片 ， 
色彩 的 表现 也 比较 丰富 ， 
整体 给 人 一 种 轻松 、 活 跃 、 
富有 个 性 的 视觉 感受 。 
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文字 是 语言 的 视觉 形式 ， 它 突破 时 空 局 限 ， 成 为 人 类 传递 
信息 使 用 最 普遍 的 工具 。 文字 在 所 有 的 视觉 媒体 中 都 是 非常 重 
要 的 表现 因素 之 一 ， 文 字 的 编排 发 挥 着 极其 关键 的 作用 ， 它 
传达 版 面 信息 的 重要 构成 元 素 。 不 同 的 字体 、 字号 和 编排 方式 
等 都 会 直接 影响 版 面 的 易 读 性 和 最 终 表现 效果 。 
本 章 将 向 读者 介绍 有 关 文 字 的 知识 ， 以 及 在 版 式 设计 中 文 
字 的 编排 方式 和 技巧 等 内 容 ， 使 读者 对 版 式 设计 中 文字 的 编排 
有 更 全 面 的 理解 。 


























ALL STARS 


FASHION WEEK 
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第 3 章 版 式 设计 中 的 文字 编排 ER 


3.1 认识 版 式 设计 中 的 文字 


在 版 式 设计 中 ， 文 字 在 版 面 中 大 可 为 面 ， 小 可 为 点 ， 可 以 作为 独立 单位 ， 也 可 以 连 而 为 线 ， 集 
结 成 形 。 不 同 的 字体 形态 多 变 ， 性 格 各 异 ， 文 字 的 可 塑性 极 大 丰富 了 版 面 设计 的 个 性 表现 力 和 情感 
语言 ， 在 传递 信息 的 同时 ， 文 字 已 经 成 为 富有 启迪 、 创 造 、 审 美 、 时 尚 的 艺术 性 因素 。 


3.1.1 字体 


字体 是 指 文字 的 风格 样式 ， 不 同 的 字体 能 够 表达 出 不 同 的 视觉 特 ur 疏 wt、 
征 。 自 文字 出 现 以 来 ， 人 类 一 直 在 不 断 地 创新 发 展 它 ， 字 体 之 丰富 ， 版 式 设 计 (宋体 ) 
令 人 眼花 织 乱 。 版 式 设计 (黑体 ) 

字体 的 形式 多 种 多 样 ， 从 使 用 的 类 型 上 可 以 分 为 印刷 字体 和 设 版 式 设计 ”( 幼 圆 ) 
计 字体 两 大 类 ， 不 同形 式 不 同 内 容 的 版 式 设计 ， 需 要 运用 不 同 的 字 版 式 设计 (仿宋 ) 
体 。 在 现代 设计 中 应 用 较为 广泛 的 中 文字 体 是 宋体 、 仿 宋体 、 黑体 版 式 设计 《楷体 ) 
和 楷书 ， 如 图 3-1 所 示 。 它 们 清晰 易 读 ,美观 大 方 ,为 大 众 所 喜爱 。 Os 
版 面 中 的 标题 或 一 些 特定 位 置 ， 和 欲求 效果 醒目 ， 常 使 用 综艺 体 、 玉 版式 设计 《隶书 ) 


珀 体 、 圆 体 、 手 绘 美术 字 等 。 如 图 3-2 所 示 为 不 同 字体 在 版 式 设计 国生 
中 的 表现 。 


! 在 该 时 尚 海报 版 面 设 ) 
! 计 中 ， 使 用 个 性 的 手写 字 ! 
! 体 , 给 人 一 种 自由 、 随意 、， 
! 以 及 更 加 亲切 、 贴 近 生活 ， 
! 的 感受 。 与 专 张 的 模特 人 ! 
! 物 素 材 相 结合 ， 更 加 能 够 | 


在 该 人 物 专题 版 面 设计 ， 
中 ， 使 用 纤细 的 大 号 字体 来 ， 
表现 人 物 名 称 ， 体 现 出 女性 ! 
信物 的 柔美 ， 而 标题 文字 则 
采用 了 常规 的 黑体 ， 并 且 与 ! 
人 物 名 称 使 用 了 不 同 的 颜色 ， 
从 而 表现 出 色彩 层次 。 1 





! 与 特点 。 ! 
1 1 


在 选择 版 式 设计 中 的 字体 时 , 必须 充分 考虑 到 字体 风格 应 该 与 版 式 的 整体 风格 、 主 题 内 容 相 一 致 。 
不 同 的 字体 会 唤起 不 同 的 联想 、 感 受 ， 例 如 宋体 端正 、 庄 重 ; 黑体 粗 久 、 厚 实 、 男 性 化 ; 楷体 自然 、 
流动 、 活 泼 ; 隶书 古雅 、 标 选 ; 幼 圆 圆润 、 时 尚 。 针 对 字体 的 这 种 信息 传递 功能 ， 根 据 不 同 的 出 版 物 、 
稿件 、 版 面 要 求 来 选择 合适 的 字体 ， 对 版 面 设计 有 十 分 重要 的 意义 。 如 图 3-3 所 示 为 不 同 的 版 式 设 
计 风 格 选择 不 同 的 字体 。 
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现 | 1 
起 l 
< ;RS 要 有 光 ” 1 在 该 楼 盘 宣 传 海报 
“我 说 ,不 到 周一 “| ! 的 版 式 设计 中 ， 使 用 卡 
襄 在 天 儒生 二 祝 光 ” ， 通 手写 字体 来 表现 版 面 
本 = ! 主题 文字 ， 与 版 面 中 的 
计 mess | 1 卡通 形象 相 呼 应 ， 从 而 
| 上 使 版 面 的 设计 风格 统一 ， 
! 表现 出 一 种 可 爱 的 卡通 
和 
本 | 
1 
i 





在 该 家 具 宣 传 海 
报 的 版 式 设计 中 ， 使 用 
传统 书法 字体 来 表现 
版 面 主题 文字 ， 并 且 采 
用 竖 排 方式 ,与 版 面 中 
其 他 体现 传统 文化 的 
素材 相 结 合 ， 使 版 面 表 
现 出 强烈 的 传统 文化 
风格 。 


























在 一 个 版 面 中 ， 字 体 的 种 类 越 多 ， 整 体 性 就 越 差 ， 而 选用 3 ~~ 4 种 以 内 的 字体 ， 是 版 面 的 最 佳 


15 视觉 效果 ， 超 过 4 种 以 上 ， 则 显 杂 乱 ， 缺 乏 整 体感 。 要 达到 版 面 视 觉 上 的 丰富 与 变化 ， 还 可 以 将 有 限 


! 的 字体 变 粗 、 变 细 、 拉 长 、 压 扁 ， 或 调整 行距 的 宽窄 和 变化 字号 的 大 小 来 达到 理想 的 视觉 效果 。 


Dali 


字号 


字号 是 表示 字体 大 小 的 术语 ， 是 区 分 文字 大 小 的 一 种 稀 量 标准。 国际 上 通用 的 是 点 数 制 ， 在 国 
内 则 是 以 号 数 制 为 主 ， 点 数 制 为 辅 。 我 们 常用 计算 字体 大 小 面积 的 方式 大 致 有 : 号 数 制 、 级 数 制 和 
点 数 制 ( 也 称 为 磅 ) 等 形式 。 如 图 3-4 所 示 为 点 数 制 和 号 数 制 的 文字 效果 。 


二 过 计 (7 5) 
版 式 设计 (9》 

版 式 设计 《10.5) 
版 式 设计 (12) 


版 式 设计 《16) 
版 式 设计 (22) 


版 式 设计 (26) 
版 式 设计 (36) 


点 数 制 


版 式 设计 《五 号 ) 

版 式 设计 (四 号 ) 

版 式 设计 (三 号 ) 

版 式 设计 (二 号 ) 
版 式 设计 (一 号 ) 


版 式 设计 ( 初 号 ) 
号 数 制 
图 3-4 


点 数 制 是 世界 上 流行 的 计算 字体 的 标准 方式 。 计 算 机 中 的 文字 就 是 使 用 点 数 制 的 计算 方式 ， 每 一 点 等 
于 0.35mm, 误差 不 得 超过 0.005mm。 版 式 设计 中 标题 用 字 一 般 大 约 14 点 以 上 , 正文 用 字 一 般 为 9 一 12 


点 ， 文 字 较 多 的 版 面 中 ， 字 号 可 以 减 到 7 ~ 8 点 。 如 图 3-5 所 示 为 版 式 设计 中 不 同 字号 大 小 的 表现 效果 。 
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在 该 杂志 封面 ! ! 在 该 杂志 版 面 
设计 中 , 在 版 面 基部 ， 基 削 抢 国 旦 加 纤 ' 设 计 中 , 运用 了 7 多 种 ， 
使 用 大 号 加 粗 字体 输 ! 1 二 ;您 ， 1 不 同 的 字体 和 字体 大 | 
入 杂志 的 标题 ， 封 面 ! 站 I 有 女  1 小 ， 特 别 是 标题 部 分 ，， 
中 的 其 他 文字 内 容 则 ! ”外 和 “ 礼 要。 ,通过 不 同 的 字体 大 小 
分 别 使 用 了 较 小 的 字 = ; 洗 1 和 字体 颜色 相 组 合 ，! 
体 ， 但 字体 与 字体 大 ， (使 标题 在 版 面 中 特别 ， 
小 之 间 也 有 所 区 别 ， ， 1 醒目 ， 而 正文 内 容 则 ! 
这 样 可 以 使 重点 内 容 ! ! 采 用 了 常规 的 字体 和 
突出 ， 并 且 排版 具有 1 1 字体 大 小 ， 便于 读者 
韵律 感 。 ,阅读 。 | 

图 3-5 


号 数 制 是 采用 互 不 成 倍数 的 几 种 活字 为 标准 的 ， 根 据 加 倍 或 减 半 的 换算 关系 而 自 成 系统 ， 可 以 
分 为 四 号 字 系 统 、 五 号 字 系统 、 六 号 字 系 统 等 。 字 号 的 标 称 数 越 小 ， 字 形 越 大 ， 例 如 四 号 字 比 五 号 
字 要 大 ， 五 号 字 又 要 比 六 号 字 大 等 。 

字号 的 大 小 除了 点 数 制 和 号 数 制 外 , 传统 照排 文字 的 大 小 以 mm 为 计算 单位 , 称 为 “级 ” (J 或 K)， 
每 一 级 等 于 0.25mm，1mm 等 于 4 级 。 照 排 文 字 能 排出 的 大 小 一 般 由 7 级 到 62 级 ， 也 有 从 7 级 到 
100 级 的 。 

在 计算 机 照排 系统 中 ， 有 点 数 制 也 有 号 数 制 存在 。 在 印刷 排版 时 ， 如 果 遇 到 以 号 数 为 标注 
的 字符 时 ， 必 须 将 号 数 的 数值 换算 成 级 数 ， 才 能 够 掌握 字符 的 正确 大 小 。 号 数 与 级 数 的 换算 关 
系 如 下 。 

1J=1K= 0.25mm =0.714 点 (p)，1 点 (p)= 0.35mm = 1.4 级 (J 或 K)。 

在 表 3-1 中 介绍 了 常用 的 字号 大 小 及 主要 用 途 。 


表 3-1 常用 字号 大 小 及 主要 用 途 


14.82mm 





36 50 12.70mm 标题 
26 38 9.17mm 标题 
24 34 8.47mm 标题 
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7.76mm 

6.35mm 标题 

5.64mm 标题 、 正 文 内 容 
5.29mm 标题 、 正 文 内 容 
4.94mm 标题 、 正 文 内 容 
4.23mm 标题 、 正 文 内 容 
3.70mm 书刊 报纸 正文 


字符 与 字符 之 间 的 距离 为 字 距 ， 上 下 两 行文 字 之 间 的 空白 距离 称 为 行距 。 字 距 、 行距 的 适度 与 
否 很 大 程度 上 影响 到 阅读 的 流畅 性 。 


在 版 式 设计 中 ， 


合适 的 字 距 与 行距 、 字 距 行距 的 加 宽 或 紧缩 ， 都 能 体现 文字 主题 的 内 涵 ， 产 生 


完成 不 同 的 视觉 风格 。 例 如 拉 近 字 距 ， 使 字 距 缩小 产生 紧密 、 整 合 的 视觉 效果 ， 可 以 加 快 阅读 速度 。 
相反 ， 文 字 排列 松散 则 会 减缓 阅读 速度 。 因 此 ， 根 据 设 计 的 需要 ， 版 式 中 的 字 距 行距 可 以 进行 适当 


的 调整 ， 如 图 3-6 所 示 。 


人 寺 
Exhibition WO Vis 
0 0 
2 fer 
ION 
EXH 
7“ 





» 50 


， ”在 该 活动 宣传 ， 
! 海报 版 面 设计 中 , 在 1 
! 版 面 的 中 间 位 置 通过 ， 
! 文字 的 相互 二 加 来 展 ! 
1 示 海 报 的 主题 ， 对 文 ! 
| 字 的 字 距 进行 设置 ， ， 
! 使 主题 文字 的 两 端 对 
! 齐 ， 并 且 为 文字 设置 ， 
! 相应 的 行 间距 ， 使 得 ! 
! 中 间 主题 文字 的 表现 ， 
! 站 正 、 舒展 。 


Da ! 在 该 杂志 版 面 设 ! 













! 计 中 ， 在 4 本 右 仙 放置 
1 人 物 素材 ， 左 侧 为 介绍 ， 
! 文字 内 容 ， 标 题 文字 使 ! 
1 用 大 号 字体 ， 并 且 对 字 ! 
， 间距 进行 设置 ， 使 标题 ) 
! 的 表现 更 加 形象 和 突 ! 
1! 出 ， 正 文 内 容 则 使 用 小 | 
! 号 常规 字体 ， 注 意 设置 ! 
! 恰当 的 行距 ， 使 文字 内 
! 容易 阅读 。 1 


NE 
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把 握 文字 的 字 距 、 行 距 ， 不 仅 是 形式 美感 的 需要 ， 更 是 阅读 功能 的 需要 。 例 如 标题 设计 时 ， 通 
常 将 行距 加 大 ， 使 人 在 捕获 这 些 分 散 的 字符 时 ， 目 光 随 画面 移动 、 串 联 ， 达 到 引 人 注 目的 视觉 效果 ; 
但 正文 字体 的 字 距 通常 不 做 这 样 的 调整 ， 如 果 字 距 拉 大 ， 单 个 的 字符 就 会 有 “点 ”的 视觉 特点 ， 而 
一 行文 字 就 像 是 由 散 开 的 点 连 成 的 虚线 ， 其 跳 行 阅读 现象 容易 使 人 视觉 疲劳 。 如 图 3-7 所 示 为 版 式 
设计 中 清晰 的 字 距 和 行距 设置 效果 。 











在 该 地 产 画 册 版 面 设计 中 ， 为 了 配合 版 面 的 设计 风格 ， 采用 坚 排 文字 的 方式 ， 标 ， 
1 题 文字 使 用 较 大 的 字体 ， 而 正文 内 容 则 使 用 小 字体 ， 并 且 设置 了 较 大 的 行距 ， 使 文字 ! 
上 的 排列 效果 更 加 精致、 美观 。 1 


行距 的 宽窄 是 版 式 设计 中 应 该 把 握 好 的 环节 ， 从 形式 感 上 来 讲 ， 紧 密 的 行距 使 段落 在 版 面 中 呈 
现 面 的 特点 ， 而 分 散 的 行距 则 使 段落 的 整体 感 在 视觉 上 弱化 。 行 距 过 罕 ， 上 下 行文 字 互相 干扰 ， 目 
光 难 以 沿 文字 逐 行 扫 视 , 会 降低 阅读 速度 ; 而 行距 过 宽 ,， 太 多 的 空白 使 每 行文 字 不 能 有 较 好 的 延续 性 。 
这 两 种 极端 的 排列 方法 ， 都 会 使 阅读 长 篇 文字 者 感到 疲劳 ， 如 图 3- 8 所 示 。 


志 二 玄 二 二 新 本 后 吕 人 


下 1 
| 1! ”此 处 所 设置 的 ， 
MARKETING ! 正文 内 容 的 行距 过 ! 
销售 与 品牌 的 结合 ! 窄 ， 使 段落 文字 的 ! 
MARKETING ， 行 与 行 之 间 太 过 紧 ， 
paar ee mr ! 密 ， 仿 佛 一 堆 文字 ! 
! 挤 在 一 起 ， 容 易 造 

' 成 阅读 困难 。 1 

1 1 
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1 此 处 所 设置 的 正 | 
! 文 内 容 的 行距 过 宽 ， ! 
1 使 段落 文字 的 行 与 ! 
! 行 之 间 间距 太 大 , 文 ! 
! 字 之 间 的 效果 太 过 分 1 
1 1 
1 1 
1 1 
| 1 
1 1 


销售 与 品牌 的 结合 


MARKETING 


散 ， 每 行文 字 没有 较 
好 的 延续 性 ， 并 且 会 
占用 较 多 版 面 空间 。 


本 


1 1 
， ”此 处 所 设置 的 正 ! 
! 文 内 容 的 行距 适当 ， ! 
销售 与 品牌 的 结合 1 适当 的 行距 设置 , 可 | 
! 以 使 每 行文 字 的 结构 ! 
! 清晰 ， 行 与 行 之 间 具 ， 
， 有 延续 性 ， 最 重要 的 ! 
! 是 便于 读者 的 阅读 。 ，! 
1 1 

















3-8( 续 ) 


在 通常 情况 下 ， 行 距 是 大 于 字 距 的 ， 常 规 比例 是 字 距 10 点 ， 行 距 则 为 12 点 ， 也 就 是 10 : 12， 
行距 是 正文 字号 的 1/2 或 3/4。 但 除 常规 比例 外 ， 还 可 以 根据 主题 内 容 和 整体 版 式 的 风格 需求 而 定 。 
对 于 休闲 娱乐 性 的 画册 ， 行 距 还 可 以 更 宽 一 些 ， 从 而 达到 轻松 的 版 式 效果 。 此 外 ， 为 增强 版 面 空间 
层次 和 弹性 ， 可 以 采用 宽 行 和 窒 行 同时 并 存 的 手法 。 因 此 行距 的 控制 比 字体 大 小 更 能 造就 清晰 顺畅 
的 阅读 条 件 ， 如 图 3-9 所 示 。 





该 新 闻 资 讯 类 的 杂志 版 面 ， 文 字 内 容 
较 多 ， 在 左 侧 页 面 中 放置 满 版 的 大 幅 图 片 
右 侧 页 面 则 将 正文 内 容 分 为 三 栏 进行 排列 ， 
并 且 使 用 背景 色 块 从 左 侧 页 面 延伸 到 右 侧 页 
面 ， 在 背景 色 块 上 放置 标题 文字 内 容 ， 打 破 
分 栏 的 死板 , 也 加 强 左 页 与 右 页 之 间 的 联系 。 
在 分 栏 排列 的 正文 内 容 中 ， 为 文字 设置 相应 
的 行 间 距 ， 并 且 设 置 了 段落 之 间 的 间距 ， 使 
得 正文 内 容 的 段落 划分 非常 明显 ， 版 面 的 整 
体 效果 清晰 、 整 洁 ， 非 常 便于 读者 阅读 。 
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3.1.4 ”字体 的 搭配 组 合 


在 版 式 设计 中 ， 一 组 设计 包含 有 不 同 层次 的 信息 内 容 ， 设 计时 可 以 根据 内 容 选 择 不 同 的 字体 加 
以 区 分 ， 避 免 视觉 上 的 混乱 。 不 同 字体 的 搭配 组 合 ， 有 一 定 的 规律 可 循 。 一 方面 应 该 注意 字体 的 选 
择 控制 在 2 ~ 3 种 ， 并 通过 对 字体 的 大 小 、 色 彩 、 装 饰 手法 的 变化 达到 目的 。 其 中 标题 可 以 选择 较 
为 醒目 的 字体 ， 以 吸引 阅读 者 的 视觉 。 而 正文 的 段落 性 文字 ， 适 合 选择 简洁 、 笔 画 较 细 的 字体 ， 以 
方便 阅读 。 另 一 方面 ， 要 注意 不 同 字体 搭配 时 既 有 变化 又 有 统一 。 如 图 3-10 所 示 为 版 式 设计 中 不 同 
字体 的 搭配 组 合 表现 效果 。 





有 1 和 1 

! 二 ! 在 该 杂志 版 面 设 ! 

”J ! 在 该 海报 版 面 ! I E 
1/ 1 wgit 中 ,将 主题 字 1 | a 
-+ 放置 在 版 面 的 中 间 位 ! Lr 
1 1 1 L 空 1 

: tt ! 并 且 将 坚 排 文 字 与 横 ! 
! 坚 排 文字 ， 与 版 面 中 ! ! 排 文 字 相 结合 ， 特 别 ， 
人 be ,是 在 个 别 大 的 文字 中 ! 
i a ! 嵌入 多 个 小 的 文字 ，! 
! 形成 大 小 与 位 置 的 强 ， 和 Sa 
- ! 烈 对 比 ， 有 效 突出 主 ! ! 文字 的 巧妙 编排 组 合 ，， 
1 题 的 表 观 整个 版 面 ! ! 使 得 主题 的 表现 富有 ， 

9 ! 0 表现 效果 简 法 明了 。! | ! 个 性 和 变化 ， 具 有 独 ! 
| Pe 1 特 的 特点 。 1 

1 1 下 

















3.2 ”版 式 设计 中 常用 的 文字 编排 形式 


字体 之 间 的 搭配 是 有 规律 的 ， 编 排 字 体 的 主要 目的 在 于 传递 信息 的 同时 保证 画面 的 协调 性 。 在 
对 版 面 中 的 文字 内 容 进行 编排 时 ， 可 以 采用 多 种 不 同 的 编排 方式 ， 以 起 到 不 同 的 视觉 表现 效果 。 


3.2.1 左右 对 齐 式 


在 版 式 设 计 中 ， 文 字 从 左 端 到 右 端的 长 度 均 齐 ， 这 样 的 文字 排版 方式 可 以 使 文字 整体 看 起 来 
显得 端正 、 严 谨 、 美 观 。 左 右 对 齐 的 文字 排版 方式 是 目前 书籍 、 报 刊 常用 的 一 种 文字 排版 方法 ， 
使 版 面 中 文字 内 容 的 表现 效果 清晰 、 有 序 。 如 图 3-11 所 示 为 使 用 文字 左右 对 齐 排 版 方式 的 版 式 


设计 。 
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a ee 
| ， 在 该 杂志 版 面 设计 
! 在 该 海报 版 面 ! 中 ， 使 用 图 片 作为 满 版 背 
! 设计 中 ， 将 版 面 上 ， 景 ， 将 相关 的 文字 内 容 放 
! 方 的 主题 文字 与 下 ， 置 在 版 面 的 下 方 ， 并 且 使 








! 进行 两 对 并 处理 ，! 因 现 不 同 的 内 容 ， 通 过 对 广 
| 使 海报 版 面 的 才 现 ， 因 站 RD 人 县 sd 乓 ， 字 间 下 的 调整， 使 所 有 广 
! 效果 更 加 稳定 。 "3 字 两 端 对 齐 ， 使 主题 的 表 
现 醒目 、 有 力 。 


和 


1 

1 

1 

! 
! 方 的 信息 介绍 文字 | 著 福 寺 风 滑 忆 上 直 用 不 同 的 字 休 、 字 号 来 到 ! 
1 

1 

1 

1 

1 

1 




















3.2.2 左 齐 或 右 齐 式 


每 一 行 的 第 一 个 文字 都 统一 排列 在 左 侧 或 右 侧 的 轴线 上 ， 文 字 行 的 右 侧 或 左 侧 可 长 可 短 ， 给 人 
以 优美 、 自 然 、 愉 悦 的 节奏 感 。 

文字 左 齐 的 排列 方式 符合 人 们 的 阅读 习惯 ， 使 人 感觉 亲切 。 文 字 左边 的 整齐 一 致 与 右 侧 的 长 
短 随意 留 放 ， 使 这 种 版 面 格式 规范 而 不 呆板 。 如 图 3-12 所 示 为 使 用 文字 左 对 齐 排版 方式 的 版 式 









设计 。 

和 在 该 海报 版 面 设 
1 面 设计 中 ,将 版 面 

1 1 1 计 中 ， 版 面 中 的 文字 1! 
rE CT ! 内 容 采用 左 对 齐 的 方 ! 
1 和 I 

la ! 式 排列 在 版 面 的 左 侧 
! 侧 ， 并 且 所 有 文 ! 排列 | 
1 字 采 用 左 对 齐 的 方 ! 中 间 位 置 ， 并 且 使 用 | 
br | 不 同 的 大 小 和 粗细 的 ! 
! 式 ， 并 有 运用 不 同 ! | 
， 的 字体 大 小 ， 整 齐 1 

全 对 齐 的 文字 与 右 侧 的 ! 
! 有 序 的 字体 排列 ， 1 人物 素材 相 呼 应 ， 丰 
! 使 版 面 的 整体 效果 | ， 富 了 版 面 空间 的 变化 。， 
1 简洁、 大方 。 |! 


和 了 











图 3-12 
文字 右 对 齐 的 方式 并 不 是 很 符合 人 们 阅读 的 习惯 和 心理 ， 但 是 以 右 对 齐 的 方式 编排 文字 显得 
新 颖 。 右 对 齐 的 文字 编排 方式 只 适用 于 版 式 中 少量 的 文字 排版 ， 在 右 侧 的 对 齐 部 分 ， 往 往 能 够 与 
图 片 建立 视觉 联系 ， 从 而 获得 版 面 的 整体 效果 。 如 图 3-13 所 示 为 使 用 文字 右 对 齐 排 版 方式 的 版 
式 设计 。 
》>》》54 








1 在 该 海报 版 面 ! 必 


1 

1 
1 设计 中 ， 使 用 矩形 | ! 在 党 海报 版 面 设 
1 起 时 1 1 计 中 ， 使 用 黑白 色调 ， 

色 块 对 版 面 的 背景 

te ! ! 的 人 物 图 片 作为 满 版 ! 
1 进行 划分 ， 并 在 版 | ha 1 
! 面 的 右 侧 放置 去 底 ! 1 背景 ， 在 版 面 的 右 侧 | 
| | 放置 右 对 齐 的 主题 文 ， 


1 处 理 的 人 物 素 材 ，! 


视觉 效果 突出 。 而 ， 


! 版 面 左 侧 的 文字 内 
! 容 采用 右 对 齐 的 排 ， 


1 字 ， 并 且 使 用 不 同 的 
| 颜色 、 字 体 和 字号 来 | 
! 设置 文字 效果 ， 使 文 ! 
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1 字 与 背景 形成 强烈 的 | 
! 反差 ， 主 题 效果 突出 。! 


! 列 方式 ， 与 画面 形 ! 
! 成 有 序 的 排列 组 合 。， 




















3.2.3 ”中 心 对 齐 式 


中 心 对 齐 方式 是 指 文字 以 中 心 为 轴线 进行 排列 ， 其 特点 是 视线 集中 ， 重 点 突出 ， 整 体 性 强 。 采 
用 中 心 对 齐 方 式 的 文字 与 图 片 搭配 时 ， 其 轴线 最 好 与 图 片 中 轴线 对 齐 ， 以 取得 版 面 视 线 的 统一 。 整 
体 上 来 说 ， 采 用 中 心 对 齐 方式 对 版 面 中 的 文字 进行 排版 处 理 ， 可 以 使 版 面 给 人 紧凑 、 传 统 、 肃 穆 、 
经 典 的 感觉 。 如 图 3-14 所 示 为 使 用 文字 中 心 对 齐 排版 方式 的 版 式 设计 。 


PF 








1 
RIYBRDVA i 
在 该 宣传 页 的 版 面 设计 中 , 左 ! 

侧 放置 满 版 的 人 物 素材 图 片 ， 右 侧 放 “| 
置 文 字 内 容 ， 中 间 使 用 曲线 状 线条 进 “| 
行 分 割 。 在 右 侧 的 文字 排版 中 使 用 中 ! 
1 

1 

1 

1 

1 

1 

1 





心 对 齐 的 方式 对 文字 进行 排版 处 理 ， 
使 版 面 的 表现 效果 精致 、 典 雅 。 

















3.2.4 自由 排列 式 


在 版 式 设计 中 ， 自 由 排列 方式 是 一 种 具有 诗意 、 感 性 的 文字 排版 方式 ， 这 种 方式 能 够 打破 排版 
秩序 ， 崇 尚 随意 ， 比 较 适 合 文字 较 少 的 版 面 。 同 时 这 种 形式 便于 文字 与 画面 融合 ， 轻 松 、 富 有 韵味 
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展开 如 图 3=15 所 示 为 使 用 文字 自 由 排列 的 版 式 设计 。 


! 在 该 杂志 :版面 设计 
! 中， 文字 采用 了 自由 排 1 
1 列 的 方式 ， 并 且 使 用 了 ， 
! 不 同 的 字体 和 字号 , 将! 
1 主题 文字 旋转 90。 进行 1 
! 排 列 ， 在 版 面 中 的 效果 ! 
! 非 常 突出 ， 整 个 版 面 显 ， 
1 得 灵动 ， 富 有 个 性 。 |! 

















3.2.5 ”文字 绕 图 式 


文字 绕 图 的 排版 方式 在 版 式 设 计 中 具有 很 好 的 设计 感 ， 它 
字 内 容 中 ， 使 文字 直接 围绕 图 形 边缘 进行 排列 ， 





该 杂志 版 面 ， 
Sa 文字 采用 了 1 
1 自由 排列 的 方式 ， 既 ， 
! 有 左 对 齐 水 平 排列 文 ! 
! 字 ， 也 有 垂直 排列 文 ! 
! 字 ， 还 有 倾斜 排列 的 ! 
! 文字， 自由 的 文字 排 ' 
1 列 方式 ， 使 版 面 的 表 1 
! 现 轻松 而 富有 诗意 。 ! 


是 指 将 去 底 处 理 的 图 片 插入 到 版 面 的 文 
图 文 呈现 自然 融合 的 状态 。 这 种 排版 方式 能 够 给 人 以 


亲切 、 自然、 生动 的 感觉 ， 是 版 式 设计 中 常用 的 形式 。 如 图 3- 16 所 示 为 使 用 文字 绕 图 广 式 的 版 设计 。 




















在 该 杂志 封面 设计 
中 ， 使 用 不 同 的 字体 和 
字号 来 表现 不 同 的 内 容 ， 
并 且 将 相应 的 文字 沿 
版 面 中 人 物 的 轮廓 边缘 
进行 排列 ， 丰 富 了 版 面 
的 表现 形式 ， 使 版 面 的 
整体 表现 效果 随 性 并 富 
有 变化 。 
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在 该 时 尚 杂志 跨 页 版 面 设计 中 ， 在 左 侧 页 面 中 放置 
满 版 图 片 ， 在 图 片上 方 晋 放 放置 相应 的 主题 文字 和 简洁 
的 介绍 内 容 ， 右 侧 页 面 为 相应 的 正文 内 容 ， 将 正文 内 容 
分 为 两 栏 进行 排列 ， 并 且 在 正文 内 容 中 放置 相应 的 去 底 
处 理 人 物 素 材 ， 对 文字 内 容 进行 绕 排 处 理 ， 使 得 版 面 的 
表现 轻松 而 富有 亲和力 。 


在 该 杂志 版 面 ， 
! 设计 中 ， 富 有 创意 地 ， 
1 将 版 面 的 主题 和 相关 | 
! 内 容 放置 在 望远镜 素 ! 
! 材 之 中 ， 表 现 自然 ， 1 
! 主题 内 容 的 表现 非常 
! 突出 ， 使 版 面具 有 很 ! 
! 好 的 创意 和 表现 力 。! 
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3.3 ”版 式 中 文字 编排 的 特殊 表现 


文字 的 特殊 处 理 是 指 对 版 面 中 重要 的 文字 内 容 通过 强调 或 图 形 化 等 方式 进行 突出 表现 ， 这 样 可 
以 使 版 面 中 的 主题 更 加 突出 ， 并 且 能 够 增强 版 面 的 艺术 视觉 效果 。 


3.3.1 标题 与 正文 的 编排 


标题 在 版 面 中 起 画龙点睛 的 作用 ， 标 题 的 位 置 、 字 体 、 大 小 、 形 状 、 方 向 的 处 理 方式 ， 直 接 影 
响 整个 版 面 的 艺术 风格 。 标 题 与 正文 编排 时 ， 对 于 16 开 、8 开 以 上 面积 大 、 文 字 多 、 内 容 杂 的 报纸 、 
刊物 ， 首 先 应 该 考虑 将 正文 进行 分 栏 处 理 ， 可 以 分 为 双 栏 、 三 栏 、 四 栏 等 ， 再 将 标题 置 入 正文 中 。 将 
正文 分 栏 , 是 为 了 使 版 面 形成 空间 的 变化 , 以 避免 通栏 的 呆板 以 及 标题 插入 方式 的 单一 性 。 如 图 3-17 








1 ， 该 杂志 版 面 中 图 片 ， 
! 设 计 中 ， 使 用 人 物 ! | ! 
! 素材 作为 满 版 背景 ,! : ! 较 多 ， 将 去 席 处 理 后 的 ， 
! 绰 。! 图 片 沿 版 面 四 周 进行 排 ! 
! 在 版 面 的 下 方 放置 ! sa， 从 理 ， 将 文字 内 容 放 ! 
! 相 应 的 内 容 , 使 用 ， 入 信和 E28 淹 ， 人 
ih > ! 置 在 版 面 的 中 间 位 置 ，! 
| ! 并 且 为 版 面 的 标题 添加 ! 
ni 1 ! 黑色 的 背景 色 块 ， 使 标 
1 设置 为 不 同 的 颜色 , ， ! 题 在 版 面 中 的 表现 非常 ! 
用 ! 有效 地 突出 了 版 面 中 ! 1 2 
1 1 1 马 局 1 
nl ! 突出 , 版 面具 有 现代 感 。 ! 











图 3-17 


对 版 面 中 的 文字 内 容 进行 分 栏 的 目的 是 为 了 方便 读者 的 阅读 。 有 时 正文 排列 也 可 以 突破 分 栏 ， 
自由 组 合 ， 轻 松 自如 地 传递 信息 。 正 文 排列 最 常见 的 是 横 排 ， 它 顺应 视觉 特点 ， 为 受众 所 喜爱 ， 也 
有 少数 使 用 竖 排 、 斜 排 、 弧 线 排 等 ， 只 要 保持 清晰 易 读 ， 这 些 规律 中 求 变化 的 排 法 ， 往 往 会 带 来 独 
特 的 视觉 感受 ， 如 图 3-18 所 示 。 








二 4 
提 在 对 版 面 中 的 文字 内 容 进行 排版 时 , 字 的 大 小 、 字 行 的 长 度 也 需要 把 握 恰 当 。 实 验 表 明 , 小 五 号 字 ， ! 
7 了 字 行 100mm~110mm; 新 四 号 字 ， 字 行 120mm; 小 四 号 字 ， 字 行 80mm， 视 觉 效 果 较 好 ， 也 就 是 | 

说 一 般 情况 下 字 行 长 度 宜 在 80mm~110mm。 对 于 报纸 杂志 中 的 多 栏 ， 要 相应 缩短 行 长 ， 一 般 控 制 在 | 
J 


1 
， ”60mm 左右 。 / 


ET 
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在 该 杂志 跨 页 版 面 设计 中 ， 在 左 侧 页 面 
中 放置 经 过 去 底 处 理 的 相关 素材 图 像 ， 在 版 
Tr 面 中 间 部 分 通过 背景 色 块 横 排 左右 页 面 ， 在 
[ Aixury 和 4 背景 色 块 上 方 放置 版 面 的 主题 文字 和 图 片 ， 
相国 的 神话 <， 淹 和 和 攻 。， 使 左 页 与 右 页 联系 在 一 起 ， 右 侧 页 面 中 放置 

二 正文 内 容 ， 并 且 将 正文 内 容 分 为 三 栏 ， 文 本 
内 容 整齐 、 美 观 。 整 个 版 面 给 人 感觉 文字 内 
容 清晰 ， 版 面 活跃 ， 富 有 节奏 感 。 





























3.3.2 文字 的 图 形 化 编排 


文字 的 图 形 化 创意 ， 是 根据 文字 的 含义 特征 和 编排 主题 对 文字 本 身 进行 结构 变化 、 绕 图 排列 、 
图 文生 加 或 利用 含义 、 形 式 的 相似 进行 双重 构成 的 一 种 创意 编排 。 这 种 编排 形式 具有 较 强 的 趣味 性 
村人 区 国生 全 扣 各 设计 中 有 区 富国 形 化 是 于 各 寺 。 


! ”在 该 海报 版 面 ey ! 在 该 产品 海报 版 ， 
! 设计 中 ， 在 版 面 的 ! 面 设计 中 ， 产 品 图 片 作 | 
! 中 间 位 置 放置 主题 hawe-’ 1 为 辅助 图 形 辅助 主题 | 
1 文字 ， 通 过 对 主题 文 Ts 1 文字 的 表现 ， 而 主题 文 ! 
! 字 的 变形 处 理 ， 使 ! 字 则 进行 了 图 形 化 的 | 
! 主题 文字 的 表现 效 ! 处 理 ， 将 主题 文字 处 理 ! 
1 果 强 烈 ， 简洁 而 富 1 为 毛发 的 效果 ， 形 象 而 ! 
! 有 创意 的 版 面 设计 ， | 生动 地 表现 产品 海报 | 
1 让 人 感觉 更 有 含义 ! 的 主题 ， 使 整个 版 面具 ! 
! 和 趣味 性 。 ! 有 很 强 的 趣味 性 。 。 1 

1 1 











图 3-19 


另外 ， 将 一 定数 量 的 文字 排列 成 一 根 线 、 一 个 面 或 群 组 作为 一 个 形象 ， 使 其 具有 图 形 特征 ， 能 够 使 
版 面条 理 清 晰 且 富 于 整体 感 。 它 避免 了 版 面 空间 的 散乱 状态 ， 具 有 良好 的 视觉 吸引 力 ， 是 形式 与 内 容 相 
统一 的 最 佳 形式 。 文 字 的 图 形 化 处 理 切记 不 可 随意 滥用 ， 它 必须 依据 主题 内 容 来 确定 ， 如 图 3-20 所 示 。 
文字 图 形 化 处 理 是 在 不 影响 其 原 有 传递 功能 的 情况 下 ， 对 字体 进行 艺术 创造 ， 强 调 文字 的 美学 
效应 。 文 字 图 形 化 处 理 既 有 图 形 的 直觉 性 、 丰 富 性 、 生 动 性 ， 又 有 文字 传递 信息 的 准备 性 、 直 接 性 。 
它 增强 了 文字 的 鼓动 力 和 趣味 感 ， 最 大 程度 发 挥 了 文字 传递 信息 的 功能 。 
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1 该 电影 海报 版 
pe 将 版 面 在 ; 
! 垂直 方向 上 一 分 为 一， 
! 左 侧 为 人 物 面部 的 一 ， 
! 半 ， 右 侧 为 纯 白色 背 ! 
! 景 ， 在 右 侧 将 主题 文 ， 
字 组 合成 为 另 一 半 人 ! 

! 物 脸 部 ， 版 面 的 对 比 ! 
! 效果 强烈 ， 具 有 很 强 
! 的 表现 效果 。 

















3.3.3 文字 重 苹 


CHINESE 
CHARA 
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wi。 在 该 传统 文化 宣 
ee 传 海报 设计 中 ， 将 拆 | 
| ! 散 的 文字 笔画 组 合成 

! 为 传统 乐器 的 外 形 效 ， 


! 果 ， 具 有 很 强 的 文化 ! 
1 象征 意义 ， 版 面 中 的 ， 
! 主题 文字 则 采用 毛笔 ， 
! 字体 ， 使 整个 海报 表 ! 
! 现 出 浓厚 的 传统 文化 

! 氛围 。 


文字 不 印 在 单一 背景 上 ， 以 其 他 文字 、 图 形 、 图 片 做 底 ， 进 行 玻 置 ， 这 种 设计 方式 在 设计 专业 


在 该 海报 版 面 设 
计 中 ， 使 用 满 版 图 片 做 
底 ， 在 其 上 方志 加 充满 
版 面 的 数字 ， 又 在 其 上 
方 不 同 的 版 面 位 置 皮 加 
其 他 相关 内 容 ， 整 个 版 
面 中 元 素 的 相互 世 加 ， 
产生 丰富 的 视觉 层次 ， 
具有 很 强 的 层次 感 和 空 
间 感 。 

















年 轻 该 ， 
i 估 儿 货 ! 各 







R eliSlon 


Shopping 


巧 显得 凌乱 ， 使 用 该 方法 时 需要 综合 版 面 中 的 各 方面 因素 ， 把 握 好 整体 关系 。 





上 称 为 杂音 ， 从 它 狐 似 模糊 杂乱 的 版 面 上 可 以 感受 到 活泼 、 跳 动 、 透 明 、 时 间 、 叙 事 等 多 种 独特 的 
表现 力 ， 可 以 领略 到 丰富 的 视觉 层次 。 如 图 3-21 所 示 为 文字 重 芭 在 版 式 设计 中 的 应 用 。 


在 该 杂志 版 面 设 
计 中 ， 将 标题 的 首 字母 
人 A 放大 充满 整个 版 面 ， 
并 且 设置 为 红色 ， 在 版 
面 中 非常 突出 ， 通 过 文 
字 与 文字 进行 相互 者 加 
放置 ， 使 版 面 中 的 内 容 
形成 一 个 整体 ， 在 版 面 
中 形成 点 、 线 、 面 的 对 
比 构成 。 


重重 处 理 是 现代 版 式 设计 中 常用 的 表现 手法 ， 由 于 不 同 要 素 的 重 世 降低 了 阅读 性 ， 


容易 使 版 面 


En 版 式 设计 一 一 设计 师 必 备 宝典 


3.4 ”强调 文字 表现 的 方式 


在 版 面 设计 中 对 重要 的 内 容 进行 强调 处 理 的 方法 有 很 多 ， 包 括 首 字 强 调 、 使 用 加 粗 加 大 的 字体 
表现 、 使 用 线 框 等 图 形 突出 等 ， 使 用 这 些 辅助 手段 都 是 为 了 使 重要 的 主题 内 容 更 加 突出 ， 使 读者 一 
目 了 然 。 


3.4.1 行 首 强调 


首 行 的 强调 源 于 欧洲 中 世纪 时 代 的 文稿 抄写 员 ， 它 是 将 段落 文字 的 字 首 或 字母 放大 处 理 的 一 种 
文字 编排 文法 。 由 于 它 在 段落 中 起 着 强调 、 吸 引 视 线 、 装 饰 和 活跃 版 面 的 显著 作用 ， 因 此 在 杂志 编 
排 设 计 中 被 广泛 应 用 ， 如 图 3-22 所 示 。 


























1 : 1 1 在 该 杂志 版 面 设 | 
er 1 在 该 旅游 杂志 | 有 ei 
ee ! 计 中 ， 对 版 面 内 容 进 ! 
a 1 4 1 1 行 分 栏 处 理 ， 并 在 每 ! 
1 风景 图 片 相互 志 加 ' 1 让 
1 构成 版 面 背景 ， 文 i 1 一 栏 中 使 用 文字 与 图 1 
1 外 ! 片 相 结合 的 方式 表现 ! 
! 字 内 容 则 使 用 白色 ! De 1 
1 1 1 内容。 在 第 三 栏 中 为 | 
1 的 矩形 色 块 突出 显 ， 让 1 
1 ! 了 突出 表现 内 容 的 顺 ! 
! 的 字体 表现 标题 ，! 的 
! 而 正文 部 分 则 将 第 1 1 字 序 号 进行 强调 处 理 , | 
1 | 二 | 1 并 且 将 其 设置 为 鲜艳 ! 
1 一 个 文字 进行 行 首 ! Se | 1 和 日 1 
! 强调 处 理 ， 充 分 吸 ! | 1 的 黄 绿色 ， 不 但 吸引 
1 py 了 1 1 1 
! 引 读者 的 视线 。 。 1 mae 
1 ! 地 活跃 了 版 面 。 ! 
图 3-22 


另外 ， 在 段落 中 将 行 首 字 进 行 放大 、 图 形 化 、 装 饰 化 的 处 理 ， 在 版 面 中 不 仅 能 够 起 到 画龙点睛 
的 作用 ， 还 可 以 获取 版 面 全 新 的 装饰 风格 和 多 层次 的 视觉 感受 ， 如 图 3-23 所 示 。 


3.4.2 使 用 线 框 、 符 号 强调 


如 果 需 要 把 版 面 内容 中 的 个 别 文字 作为 诉求 重点 ， 就 可 以 对 它们 使 用 下 划 线 、 线 框 、 添 加 指 
示 性 符号 、 加 粗 、 倾 斜 字体 等 手段 进行 强调 。 线 框 的 处 理 ， 可 以 划分 界定 版 面 空间 ， 让 其 中 的 信 
息 鲜明 、 突 出 。 加 粗 、 倾 斜 字体 等 其 他 方法 也 可 以 起 到 强化 信息 , 引起 读者 关注 的 作用 , 如 图 3-24 
所 示 。 
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~ 
提 在 整体 版 式 中 有 意识 地 运用 醒目 的 线 框 或 符号 对 某 一 文字 信息 进行 强调 ， 使 画面 形成 动静 结合 


不 的 视觉 效果 ， 其 目的 是 为 了 突出 画面 的 诉求 重点 。 
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首 字 下 沉 是 在 排版 设计 中 最 
常用 的 一 种 首 字 强 调 方式 ， 在 该 
画册 跨 页 版 面 中 使 用 首 字 放 大 下 
沉 的 方式 来 进行 强调 ， 并 且 对 所 
强调 的 首 字 添 加 了 正 圆 形 底 纹 进 
行 装饰 ， 丰 富 了 文字 排版 的 视觉 
效果 。 虽 然 采用 了 分 栏 的 方式 来 
对 版 面 内 容 进 行 排版 ， 但 跨栏 其 
至 跨 页 的 图 片 放置 ， 使 得 版 面 的 
空间 富有 弹性 、 活 力 与 变化 。 





在 该 画册 跨 页 版 面 设计 中 ， 对 相 
关内 容 进 行 排版 处 理 时 充分 运用 了 线 
框 对 相关 内 容 进行 划分 ， 使 得 各 部 分 内 
容 的 划分 非常 清晰 、 易 读 。 各 部 分 内 
容 的 标题 使 用 了 大 号 加 粗 的 字体 ， 并 
且 同 样 使 用 了 线 框 和 红色 的 三 角形 来 
进行 强调 ， 使 版 面 中 的 信息 更 加 鲜明 、 
突出 。 


在 该 杂志 跨 页 版 面 设计 中 ， 创 意 
性 地 将 版 面 的 正文 内 容 以 分 栏 的 形式 放 
置 在 版 面 的 左上 角 ， 而 将 版 面 的 主题 文 
字 内 容 放置 在 版 面 的 中 间 位 置 ， 通 过 红 
色 的 背景 色 块 来 突出 版 面 主题 文字 的 表 
现 ,并 且 将 左 侧 页 面 与 右 侧 页 面相 连接 ， 
使 跨 页 形成 一 个 整体 。 


版 式 设计 中 的 图 形 编排 


图 形 是 一 种 视觉 传达 形象 符号 ， 它 以 符号 化 的 、 高 度 精练 
的 图 形 语言 和 易于 理解 的 构图 秩序 传达 预想 的 意义 。 图 形 语言 
的 形象 特征 使 它 具备 了 利用 视觉 形象 传递 信息 的 优势 ， 这 种 优 
势 是 其 他 视觉 语言 不 可 替代 的 ， 与 文字 符号 相 比 ， 图 形 符号 更 
具有 直观 性 、 生 动 性 和 概括 性 。 















































本 章 将 向 读者 介绍 有 关 版 式 设计 中 图 形 的 分 类 、 处 理 方式 
和 编排 形式 等 内 容 ， 使 读者 能 够 掌握 在 版 式 设计 中 对 图 形 进行 
编排 的 方法 和 技巧 。 
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4.1 图 形 的 分 类 


版 面 中 的 图 形 主要 可 以 分 为 摄影 图 片 和 创意 图 形 两 大 类 。 摄 影 图 片 写 实 、 直 接 、 细 腻 ， 可 以 根 
据 创 意 需 求 、 版 面 位 置 对 其 进行 裁剪 、 取 舍 、 改 善 ， 要 注意 摄影 图 片 与 版 面 的 内 容 主题 、 风 格 的 内 
在 联系 。 创 意图 形 以 独特 的 想象 力 、 创 造 力 及 超 现实 的 自由 构造 ， 在 版 面 中 展示 着 独特 的 魅力 ， 它 
个 性 灵活 ， 易 于 变化 ， 更 适合 于 复杂 不 规则 的 版 式 。 


4.1.1 摄影 图 片 


影 图 片 多 是 将 所 要 传达 的 内 容 ， 包 括 物品 、 人 物 、 风 景 等 形象 通过 摄影 ， 经 电脑 软件 制作 后 
呈现 的 写实 的 、 以 传达 特定 信息 为 目的 的 图 片 。 这 种 图 片 基 本 上 真实 反映 了 自然 形态 的 美 ， 增 强 了 
所 传达 信息 的 真实 感受 ， 具 有 说 服 力 和 感染 力 。 与 抽象 图 形 相 比 ， 有 着 更 为 直接 、 易 懂 、 可 信 、 快 
捷 和 经 济 的 特点 ， 便 于 人 们 快速 接收 信息 ， 所 以 在 版 式 设 计 中 具有 重要 的 地 位 。 摄 影 图 片 一 方面 是 
为 了 直观 地 传达 内 容 信 息 ， 另 一 方面 也 是 为 了 版 面 装饰 的 需要 。 如 图 4-1 所 示 为 摄影 图 片 在 版 式 设 
区 











! ”在 该 美食 杂志 版 面 j， 在 该 时 尚 杂志 版 
! 中 ， 使 用 高 清晰 的 美食 ! 面 中 ， 使 用 高 清晰 的 ! 
! 摄影 图 片 作为 版 面 的 满 ! 人 物 摄影 图 片 作为 版 ! 


! 版 背景 ， 迅 速 抓 住 读者 
:! 的 目光 ， 在 版 面 上 方 使 
! 用 半 透明 背景 色 来 衬托 
1 文字 内 容 的 显示 ， 整 个 
版 面具 有 很 好 的 表现 力 。 











! 面 的 满 版 图 片 ， 在 图 ， 
| 片上 方 搭配 简洁 的 主 ， 
! 题 文字 ， 并 且 人 物 摄 ! 
! 影 图 片 能 够 很 好 地 表 ， 
! 现 主题 文字 的 内 容 ，! 


。! 使 图 片 与 主题 相 呼应 。 








4.1.2 创意 图 形 


在 版 式 设计 中 ， 除 了 可 以 直接 采用 摄影 图 片 之 外 ， 还 可 以 根据 画面 的 需要 进行 创意 图 形 设计 ， 
也 就 是 说 根据 一 定 设计 主题 展开 有 目的 的 图 形 创意 ， 在 特定 思想 意识 支配 下 将 某 一 个 或 多 个 元 素 组 
合 ， 以 富有 深刻 寓意 的 哲理 给 人 们 以 启示 。 表 现形 式 既 可 以 是 手绘 ， 也 可 以 是 电脑 合成 的 图 形 ， 其 
目的 是 以 “ 形 ” 达 “ 意 ”， 将 特定 的 信息 和 概念 视觉 化 地 再 现 。 根 据 图 形 设计 视觉 传达 效果 ， 创 意 
图 形 可 以 分 为 具象 图 形 、 抽象 图 形 、 比喻 图 形 、 象征 图 形 、 对 比 图 形 、 幽默 图 形 、 浪漫 图 形 等 。 如 图 4-2 
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所 示 为 创意 图 形 在 版 式 设计 中 的 应 用 。 


全 





该 运动 品牌 海报 
的 版 面 设计 非常 具有 
创意 ， 将 版 面 中 的 各 
种 运动 人 赋予 一 种 特 

为 
色 


该 牛奶 海报 的 版 ! 
面 设计 非常 简洁 , 主 ! 
要 在 版 面 中 设计 创意 ! 
图 
为 
翌 























形 ， 将 牛奶 处 理 成 ! 
为 跃 动 的 人 物 造型 ，， 
络 配 各 种 水 果 素材 ， | 
图 形 的 表现 效果 非常 ! 
突出 ， 表 现 出 牛奶 的 ， 
新 鲜 、 美 味 ， 以 及 给 ， 
! 人 们 带 来 健康 体质 。 ! 





殊 技能 ， 使 其 化 身 为 
战斗 的 勇士 ， 通 过 
彩 和 版 面 背 景 的 泻 染 ， 
使 版 面 表现 出 一 
情 与 活力 之 感 ， 给 
很 强 的 视觉 冲击 力 。 





























4-2 


具象 创意 图 形 是 指 根 据 一 定 的 设计 主题 ， 以 一 个 具体 形象 表达 特定 含义 的 设计 图 形 。 其 特征 是 
直观 ， 便 于 识别 和 记忆 ， 如 图 4-3 所 示 。 



























































在 该 系列 的 动物 保护 宣传 海报 中 ， 通 过 对 各 种 动物 图 形 的 创意 设计 ， 将 具象 的 动 | 
图 形 处 理 为 沙土 流逝 的 效果 ， 表 现 出 这 些 动物 濒临 灭绝 的 处 境 ， 从 而 唤起 人 们 保护 ! 
动物 的 意识 。 并 且 海 报 使 用 灰暗 的 棕色 调 作 为 设计 主 色调 ， 给 人 一 种 昏暗 、 无 力 与 死 
亡 之 感 ， 更 加 突出 了 主题 的 表现 。 1 

















过 六 























抽象 图 形 是 相对 于 具象 图 形 而 言 的 ， 它 不 受 具体 客观 形象 的 制约 ， 具 有 简洁 、 单 纯 、 鲜 明 的 形 
式 美 视觉 特征 ， 是 对 客观 事物 有 规律 的 概括 与 提炼 。 抽 象 图 形 较 之 具象 图 形 ， 具 有 容量 大 、 形 式 感 
强 等 特点 。 例 如 ， 对 于 一 些 难以 用 具象 图 形 描绘 和 表现 的 事物 、 抽 象 概念 等 ， 可 以 充分 运用 抽象 图 
形 的 构成 原理 和 表现 形式 ， 通 过 具有 象征 意义 的 抽象 图 形 达 到 视觉 审美 的 要 求 ， 它 与 具象 图 形 并 存 ， 
在 现代 图 形 设计 中 发 挥 着 巨大 的 作用 。 如 图 4-4 所 示 为 抽象 图 形 在 版 式 设 计 中 的 应 用 。 
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| 该 海报 是 一 坎 ， 导 瑟 和 二 ! 该 汽车 宣传 海报 的 ， 
1 报 ， 在 该 海报 中 将 ?Ht 
! 人 物 与 猫 相 结 合 ，! 处 理 ， 合 下 个 版面 看 起 
! 将 文字 内 容 处 理 为 ! 来 是 一 个 抽象 的 人 物 驾 ! 
! 鱼 的 外 形 ， 整 体 图 ! ! 驶 汽车 的 效果 ， 预 示 着 ! 
1 [i 1 级 这 ， 珊 示 有 1! 
! 像 具 有 很 好 的 抽象 ， 图 ， 该 汽车 能 够 带 给 你 的 必 ! 
! 表现 效果 ， 并 且 海 ! ! 意 生 活 ， 版 面 中 只 在 左 ! 
! 报 的 主题 文字 使 用 ! | 上 角 和 右 下 角 放 置 少量 ， 
! 手写 字体 ,给 人 很 ! 下 1! 文字， 重点 突出 整体 创 ! 
!， 强 的 随 性 和 自由 感 。 ! 意图 形 的 表现 。 ! 
1 | 1 1 





4.2 ”版 式 中 图 片 的 处 理 方式 


图 片 在 版 式 设计 中 有 着 重要 意义 ， 它 以 形象 的 方式 被 瞬间 接受 和 评价 ， 视 觉 冲击 力 比 文字 强 很 
多 ， 俗 话说 一 图 胜 干 字 ， 这 并 非 指 文字 表达 能 力 弱 ， 而 是 指 图 片 能 超越 文化 、 语 言 、 民 族 诸多 差异 。 
一 些 用 文字 难以 传达 的 信息 、 感 受 、 思 想 ， 借 助 图 片 可 以 达到 迅速 沟通 的 效果 。 


4.2.1 编排 前 的 图 片 分 类 第 选 


在 使 用 图 片 进行 版 面 编排 时 ， 首 先 应 该 对 所 要 使 用 的 图 片 进行 分 类 。 由 于 图 片 包括 很 多 种 类 ， 
有 着 内 容 、 功 能 、 主 次 、 色 调 的 不 同 ， 所 以 在 使 用 时 了 解 不 同 图 片 的 使 用 目的 ， 就 可 以 有 效 地 避免 
版 式 的 混乱 。 通 过 整理 、 分 类 ， 对 图 片 的 排列 形式 就 会 逐步 明朗 起 来 ， 更 便于 做 出 合适 、 流 畅 的 版 
面 编排 。 例 如 从 图 片 摄影 角度 分 类 、 图 片 的 主体 内 容 分 类 、 图 片 的 色调 分 类 、 图 片 的 主 次 关系 分 类 
等 ， 通 过 分 类 后 合理 安排 图 片 的 位 置 ， 可 以 使 版 面 产 生 整体 而 平衡 的 视觉 效果 ， 如 图 4-5 所 示 。 


4.2.2 和 矩形 图 片 处 理 


和 矩形 图 片 是 版 式 设计 中 常用 的 一 种 图 片 形 式 ， 图 形 以 直线 轮廓 来 规范 和 限制 ， 具 有 简洁 、 单 
纯 的 视觉 特征 。 和 矩形 图 片 能 够 比较 完整 地 传达 主题 思想 ， 富 有 情节 性 ， 便 于 泻 染 气氛 。 在 版 式 设 
计 中 使 用 和 矩形 图 片 ， 可 以 使 版 面具 有 静止 、 理 性 和 稳定 感 。 如 图 4-6 所 示 为 应 用 和 矩形 图 片 的 版 
式 设 计 。 
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在 锡 城 ， 
享受 醇 正 巴伐利亚 风味 


IN WUXI 


AN AUTHENTIC TASTE OFBAVARIA 
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在 该 产品 宣传 画册 的 跨 页 版 
面 设计 中 ， 使 用 了 两 张 相 同色 调 
的 产品 摄影 图 片 ， 将 这 两 张 图 片 
沿 对 角 线 进行 放置 ， 两 张 图 片 都 
采用 了 不 规则 的 形象 ， 并 且 将 其 
中 一 张 图 片 放 大 ， 另 一 张 图 片 缩 
小 ， 大 图 片 为 产品 的 全 景 展 示 效 
果 ， 小 图 片 为 产品 的 局 部 展示 效 
果 , 通过 图 片 大 小 和 位 置 的 对 比 ， 
使 版 面 的 表现 重点 突出 ， 整 体 视 
觉 效 果 平 衡 。 


在 该 美食 杂志 跨 页 版 面 中 ， 将 
美食 图 片 分 别 放置 在 版 面 的 4 个 角 
上 ， 文 字 内 容 放置 在 中 间 位 置 ， 从 
而 使 版 面 表现 出 稳定 的 视觉 效果 。 
4 个 角 上 所 放置 的 图 片 并 不 是 相同 
的 尺寸 大 小 ， 而 是 有 些 图 片 较 大 
有 些 图 片 较 小 ， 并 且 有 些 图 片 还 使 
用 了 去 底 图 片 ， 使 得 版 面 中 的 图 片 
大 小 富 于 变化 ， 整 个 版 面 的 表现 稳 
定 而 具有 活力 。 




















和 矩形 图 片 是 版 面 设计 中 最 常见 的 一 种 图 形 应 
用 形式 。 在 该 杂志 跨 页 版 面 的 设计 中 ， 使 用 大 小 
不 一 的 矩形 图 片 在 版 面 中 进行 编排 处 理 ， 各 和 矩形 
图 片 之 间 保 持 相同 大 小 的 间隔 ， 使 得 版 面 的 整体 
表现 效果 稳定 而 富有 秩序 ， 搭 配 分 栏 的 文字 排版 
处 理 ， 使 得 版 面 的 表现 效果 精致 、 大 方 。 














4.2.3 圆 形 图 片 处 理 
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1 1 

ee ! 该 美食 杂志 ! 
CUON7VAV7T9 的 版 面 设计 , 将 版 ， 
1 面 分 为 两 栏 分 别 ! 

#4 ! 并 且 将 中 间 的 算 形 介绍 两 种 不 同 的 ! 
419 1 图 片 进行 九 等 分 的 美食 , 使 用 文字 与 ， 
a | ! 分 割 处理， 使 得 和 矩形 图 片 相 搭配 ，! 

/ 1 形 图 片 的 表现 效果 中 间 使 用 分 隔 线 

\ ! 突出 。 版 面 中 使 进行 分 隔 ， 使 得 版 ! 
} ! 用 大 量 的 纯 白色 面 中 的 内 容 清晰 、! 

\ 上 留 白 ， 整 个 版 面 直观 。 并 且 使 用 对 ! 

而 a 部 志 se 而 | ! 表现 出 简洁 、 大 角 线 的 对 称 设计 ，! 
! 方 的 视觉 效果 。 使 版 面 富 于 变化 。， 


圆 形 图 片 是 根据 版 面 内 容 的 需要 ， 对 原 图 片 沿 圆 形 进行 裁剪 的 处 理 方式 。 这 种 形式 是 在 保留 原 
图 主要 内 容 的 前 提 下 ， 对 和 矩 形 图 片 进行 目的 性 削弱 ， 使 其 具有 活泼 、 动 感 的 视觉 特征 。 经 过 裁剪 而 





在 该 瑜 位 DM ! ”二 隐 = 各 pp、 ! 在 该 电影 海报 ! 
宣传 页 的 版 面 设计 ! 二 吕 = 二 遇 Si ! 的 版 面 设计 中 , 整 ， 
中 ， 使 用 圆 形 作为 ! Se EN # ! 个 版 面 使 用 圆 形 构 ! 
版 面 的 主 休 图 形 ，! 重生 "仿生 ，! 成 ， 通 过 一 层 层 的 ! 
通过 不 同 大 小 的 加 | 入 4 3 全 全 避 ， 回 环 图 形 相 互 碍 ，| 
形 ， 并 且 在 贺 形 中 1 = AN 站 ! 并 且 将 电影 中 的 人 ! 
放置 贺 形 的 摄影 图 ， 均 、4 G4 ! 物 和 场景 处 理 到 圆 ， 
片 ， 使 版 面 的 表现 ! > ! 环 图 形 上 ， 预 示 着 ! 
效果 更 加 活泼 、 引 ! 鞠 仿 光 ” 。“。' 电影 剧情 的 紧张 、! 
人 注目 。 | Re!) hd. 

图 4-7 


在 版 式 设计 中 除了 矩形 和 圆 形 这 两 种 常规 形状 的 图 片 外 ， 还 可 以 应 用 三 角形 、 梯 形 等 其 他 几何 
形状 的 图 片 ， 具 体 的 限定 形状 可 以 根据 版 面 的 设计 内 容 和 表现 而 决定 。 在 使 用 各 种 不 同 的 几何 形状 
图 形 的 版 面 设 计 中 ,图片 经 过 创造 性 的 加 工 组 合 ,往往 使 版 面 更 加 新 颖 突出 ， 从 而 给 人 们 带 来 新 鲜 感 ， 
提高 阅读 兴趣 。 如 图 4-8 所 示 为 应 用 几何 形状 图 片 的 版 式 设计 。 
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在 该 网 页 版 面 设计 中 ， 使 用 黑白 的 人 物 
摄影 图 片 作为 页 面 的 满 版 背景 ， 在 版 面 中 间 
位 置 ， 通 过 多 个 三 角形 图 片 的 搭配 组 合 来 表 
现 版 面 中 的 内 容 ， 三 角形 能 够 给 人 一 种 尖锐 
感 和 不 稳定 感 ， 将 鼠标 经 过 状态 下 的 三 角形 
图 片 设置 为 彩色 图 片 ， 而 其 他 的 三 角形 图 片 
为 黑白 图 片 ， 形 成 黑白 与 彩色 的 对 比 ， 使 浏 
览 者 能 够 更 容易 区 分 当前 的 操作 ， 整 个 版 面 
给 人 感觉 时 尚 而 富有 个 性 。 





4.2.4 去 底 图 片 处 理 


去 底 图 片 是 在 原 图 片 中 选 出 要 使 用 的 部 分 ， 沿 图 形 轮廓 进行 剪裁 ， 保 留 轮廓 主题 图 形 的 一 种 图 
片 处 理 方式 。 在 裁 切 前 需要 明确 所 取 部 分 和 背景 之 间 的 边界 ， 以 确保 图 片 裁 切 的 精细 、 完 整 。 去 底 
图 片 具有 的 动感 效果 使 版 面 中 的 图 片 显 得 轻松 、 活 泌 ， 可 以 充分 展示 所 要 传达 的 物品 形象 ， 吸 引 人 
Wi 如 图 4- 9 所 示 为 应 用 去 底 图 片 的 版 式 设计 。 


在 该 时 尚 杂志 版 面 设计 中 ， 既 使 用 了 和 矩形 图 片 的 编 
排 ， 又 在 版 面 中 放置 了 多 个 去 底 图 片 ， 通 过 去 底 图 片 的 
相互 者 加 排列 , 使 得 版 面 的 整体 表现 效果 更 加 自由 、 轻 松 、 
活泼 ， 突 出 表现 了 时 尚 杂 志 版 面 的 随 性 和 活泼 的 特点 。 





在 该 运动 饮料 海报 
1 版面 设 寺中， 将 村 网 的 运 ! 
1 动人 物 进行 去 底 处 理 ， 并 ， 
! 将 其 与 多 种 不 同色 彩 的 几 ! ， 
! 何 图 形 结合 ， 使 版 面 表现 ! 
! 出 强烈 的 动感 和 时 尚 感 ，， 
! 版 面 中 的 其 他 内 容 则 采用 ! 
! 简洁 的 设计 风格 ,动静 结 ! 
! 合 ， 表 现 效果 突出 。 1 攻 
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1! ， 在 该 城市 旅游 宣传 海 ! 
1 报 的 版 面 设计 中 ， 在 版 面 | 
! 的 中 间 位 置 使 用 大 号 圆 角 ! 
1 字体 表现 海报 主题 文字 ， | 
! 并 通过 多 个 不 同 造型 的 去 ! 
1 底 人 物 与 主题 文字 相 结 合 ,1 
! 使 得 主题 的 表现 效果 更 加 ! 
1 鲜明， 在 版 面 的 4 个 角 上 ， 
1 放置 其 他 相关 的 内 容 ， 使 | 
! 版 面 的 表现 更 加 稳定 。 
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在 版 面 设计 中 大 胆 地 将 去 底 处 理 的 图 片 素材 作为 插图 来 使 用 ， 除 了 能 够 强调 图 片 素材 的 存在 感 ， 
也 进一步 强化 了 版 面 的 图 片 诉求 力 。 在 一 些 时 尚 杂志 或 产品 宣传 杂志 的 版 式 设计 中 ， 就 常常 将 产品 
图 片 进行 去 底 处 理 运 用 在 版 面 中 , 这 种 能 够 呈现 拍摄 主体 细节 的 编排 手法 是 最 合适 的 设计 。 如 图 4-10 
所 示 为 应 用 去 遍 图 片 的 版 式 设计 。 


| 在 该 产品 宣传 画册 的 路 页 版 
! 面 中 ， 左 右 两 页 分 别 为 介绍 8 男 鞋 
! 和 女 鞋 这 两 种 不 同类 型 的 产品 ，， 
! 左右 页 面 使 用 对 比 色调 ， 使 两 个 
1 页 面 有 很 好 的 区 别 ， 在 版 面 中 将 ， 
! 产品 图 片 进行 去 底 处 理 ， 通 过 对 ! 
! 去 放 图 片 的 编排 ， 使 版 面 的 表现 1 
1 更 加 自由 ， 也 更 易于 与 文字 内 容 ， 
! 进行 混 排 。 1 

















本 。 
提 在 版 式 设计 中 ， 使 用 去 底 图 片 与 文字 搭配 时 还 需要 注意 ， 由 于 去 底 图 片 背景 已 经 被 裁 切 ， 需 要 
示 有 意识 地 拉 开 图 片 与 文字 内 容 之 间 的 距离 ， 图 片 距离 太 近 容易 给 人 造成 一 种 压迫 感 。 


4.2.5 出 血 图 片 处 理 


出 血 图 片 是 为 了 吸引 读者 的 视线 ， 将 图 片 扩大 至 超过 版 面 大 小 的 程度 。 图 片 充满 整个 版 面 ， 是 
了 常常 用 于 表达 抒情 或 运动 主题 的 版 面 。 但 需要 注意 的 是 ， 在 
版 面 中 过 度 地 放大 图 片 会 给 人 造成 数 间 的 感觉 。 如 图 4-11 所 示 为 应 用 出 血 图 片 的 版 式 设 计 。 


1 在 该 旅游 杂志 版 面 1 





于 ， 在 该 电影 海报 的 版 












! 面 设计 中 使 用 人 物 脸 部 -= ! 中 使 用 与 所 介绍 主题 内 ! 
! 特写 作为 海报 的 满 版 图 ， ”| 容 相符 的 风景 摄影 图 片 | 
! 片 ， 并 且 只 在 版 面 的 右 ! ! 作为 版 面 的 满 版 背景 ， 
1 侧 放置 人 物 一 半 的 脸 ， 1 在 版 面 的 中 间 位 置 放置 ， 
! 部 ， 给 人 很 强 的 视觉 冲 ! ! 主题 文字 和 简短 的 介绍 ! 





1! 内容， 版 面 的 构图 非常 ! 
1 简洁 ， 通 过 满 版 图 片 的 | 
! 运 用 ， 仿 佛 将 读者 带 入 ! 


! 到 该 场景 之 中 。 1 


| 击 力 。 在 版 面 的 左 侧 放 ! 
， 置 简单 的 说 明文 字 和 电 | 因 
! 影 名 称 ， 整 个 海报 设计 ! 
! 简洁 , 但 视觉 效果 突出 。 
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该 杂志 跨 页 版 面 使 有 





强 的 视觉 冲击 力 。 














~ 
提 在 版 式 设 计 中 采用 出 血 图 片 的 表现 方式 ， 能 够 使 整个 版 面 的 视觉 传达 效果 直观 而 强烈 ， 文 字 内 
不 容 在 版 面 的 上 下 、 左 右 或 中 部 ( 边 部 和 中 心 ) 的 图 像 上 。 需 要 注意 的 是 所 选择 的 出 血 图 片 需要 具有 出 
1 ， 色 的 意境 ， 能 够 有 效 烘 托 整个 版 面 的 表现 效果 ， 并 且 能 够 与 该 版 面 所 需要 表现 的 主题 内 容 相 吻合 。 











动物 摄 


影 图 片 作为 跨 页 满 版 图 片 ， 全 景 
展现 该 动物 摄影 图 片 的 细节 ， 仪 
在 版 面 左上 角 位 置 使 用 小 号 文字 
安排 说 明 内 容 ， 整 个 版 面 给 人 很 


} 
7 


在 版 面 设计 中 并 不 是 所 有 出 血 图 片 都 需要 占 满 整 个 版 面 ， 也 可 以 是 左右 出 血 或 上 下 出 血 的 图 片 
形式 ， 结 合 版 面 中 的 留 白 处 理 ， 使 版 面 有 向 外 延展 的 感觉 ， 使 人 们 能 够 同时 意识 到 视觉 顺序 与 版 面 





的 开放 性 。 如 图 4-12 所 示 为 应 用 出 血 图 片 的 版 式 设计 。 


Se a 





气势 恢宏 的 感觉 。 

















4.3 版式 中 图 片 的 编排 形式 





| 1 
1 “在 该 楼 盘 画 册 跨 页 版 面 中 ， ! 
上 在 版 面 下 方 放置 水 平方 向 满 版 出 ! 
! 血 图 片 ， 模 跨 左 右 页 面 ， 使 得 版 ， 
1 面 空 间 具 有 延伸 感 ， 在 版 面 上 方 ， 
! 分 别 放置 简洁 的 文字 内 容 和 两 张 | 
1 小 的 矩形 图 片 ， 版 面 的 整体 表现 ， 
， 效果 非常 简洁 、 大 气 ， 给 人 一 种 | 
1 ! 
1 1 


在 版 面 设计 过 程 中 图 片 的 使 用 非常 重要 ， 其 中 图 片 的 大 小 、 位 置 、 方 向 等 因素 都 会 影响 到 版 面 











» 70 


第 4 章 版 式 设计 中 的 图 形 编排 IE 


的 视觉 表现 效果 。 在 进行 排版 设计 的 时 候 ， 虽 然 对 内 容 进 行 统一 是 很 重要 的 ， 但 是 如 果 一 心 只 想 强 
行 地 统一 某 个 部 分 内 容 ， 那 么 就 一 定 会 出 现 偏差 ， 这 个 问题 是 应 该 要 避免 的 。 


4.3.1 图 片 的 位 置 


通过 与 委托 方 协商 及 对 图 片 的 整理 分 类 ， 可 以 有 效 地 把 握 版 面 内 容 的 先后 顺序 和 版 面 结构 的 大 
致 框架 。 一 旦 确定 所 要 传达 的 重点 内 容 ， 图 片 的 先后 顺序 就 确定 下 来 了 ， 也 就 可 以 将 主要 信息 图 片 
















显得 活 泌 ， 有 空间 层 ee 


站 Hec6bsagnbm yan ! 在 该 水 果 茶 饮 品 

将 模特 人 物 的 展示 大 | 
! 海报 设计 中 ， 在 版 面 

图 放置 在 版 面 的 左 侧 ， 1 at 

人 1 的 中 心 位 置 放置 创意 ， 

而 右 侧 放置 各 种 服饰 i EA 

设计 的 单 品 图 片 ， 并 la 

且 右 侧 图 片 都 使 用 去 Ce 
: 理 ， 整个 面 pn 人 

底 处 理 ， 使 整个 版 ! 版 面 的 表现 效果 简 ! 

1 1 

1 1 

1 1 


1 
1 
1 
在 该 杂志 跨 页 版 面 中 ， 左 侧 页 面 在 版 面 ， 
的 两 侧 分 别 放 置 图 片 ， 中 间 放 置 文字 内 容 ， ，! 
使 版 面 显得 稳定 大 方 ， 右 侧 版 面 中 使 用 不 同 “| 
大 小 的 矩形 图 片 进行 芭 加 排放 ， 图 片 的 大 小 、 ! 
前 后 排列 赋予 版 式 多 层次 的 视觉 空间 感 。 1 
1 

1 

1 

1 








图 4-13 











视觉 冲击 力也 较 强 ， 如 图 4-14 所 示 。 
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1 
1 
- 
在 该 杂志 跨 页 版 面 中 ， 在 版 面 的 左上 ) 
角 和 右 下 角 分 别 放置 图 片 ， 左 上 角 的 图 片 尺 “|! 
寸 较 大 , 几乎 占据 半 个 版 面 , 表现 效果 突出 ， 
具有 较 强 的 视觉 冲击 力 ， 与 右 下 角 的 小 图 片 ! 
形成 大 小 的 对 比 ， 图 片 的 主 次 处 理 ， 使 得 版 ， 
面 的 结构 清晰 ， 主 题 突 出 。 1 
1 
' 
1 














站 a 
提 版 面 中 的 上 下 左右 、 对 角 线 、 四角 均 可 以 放置 图 片 , 在 设计 过 程 中 应 该 根据 其 内 容 要 素 、 视觉 效果 、 
不 心理 感受 来 选择 图 片 放置 的 位 置 ， 有 效 地 控制 各 个 点 ， 使 版 面 主题 鲜明 、 和 简洁、 清晰 、 富 于 理性 。 
4.3.2 图片 的 面积 

一 般 来 讲 ， 图 片 的 大 小 决定 着 读者 的 注意 程度 ， 同 等 的 清晰 度 ， 大 图 片 相对 于 小 图 片 而 言 更 能 


够 吸引 读者 的 视线 。 所 以 ， 在 图 片 编排 过 程 中 ， 常 常 将 主要 信息 图 片 有 意识 地 放大 以 突出 主题 ， 如 
4-15 所 示 。 图 片 大 小 以 及 占有 版 面 的 面积 直接 决定 着 图 版 率 ， 所 以 在 设计 时 可 以 通过 调整 图 片 大 


率 和 页 面 效 果 。 

! 在 该 杂志 广告 版 面 中 | “在 该 香水 宣传 海报 ! 
将 去 底 处 理 后 的 产品 图 片 1 设计 中 ， 运 用 夸张 和 对 ， 
放置 在 版 面 的 中 心 位 置 ， ! 比 的 手法 ， 将 产品 图 片 ! 
占据 版 面 中 较 大 的 位 置 ， 1 充满 整个 版 面 ， 而 人 物 | 
搭配 其 他 辅助 素材 ， 并 且 ! 图 片 则 沉浸 在 香水 瓶 中 ，! 
版 面 中 的 文字 都 使 用 细 线 ! 通过 大 小 的 反差 对 比 ，1 
字体 ， 使 整个 版 面 表现 出 | 突出 展示 产品 以 及 该 产 | 
清新 、 雅 致 的 视觉 效果 。 ! 品 对 女性 的 诱惑 力 。 。! 
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在 该 杂志 版 面 中 ， 将 大 图 片 作为 版 面 的 背景 图 片 ， 
占据 着 版 面 中 较 大 的 面积 ， 在 该 图 片 中 不 影响 图 片 展示 
的 位 置 放置 分 栏 文字 内 容 ， 在 版 面 的 下 方 则 放置 了 多 张 
We ll 小 图 片 ， 版 面 中 大 的 图 片 与 小 的 图 片 相 呼应 ， 图 片 的 大 

小 和 位 置 经 营 有 序 ， 使 整个 版 面具 有 很 好 的 视觉 层次 和 
感受 。 





| 





se 3 
提 在 版 面 设计 过 程 中 ， 重 要 图 片 的 面积 通常 较 大 ， 例 如 在 化 妆 品 广告 版 面 中 的 唇膏 、 了 睫毛 畜 都 是 
~ 把 能 显示 局 部 特征 的 图 片 放 大 处 理 ， 造 成 视觉 的 心理 的 强大 冲击 ， 成 为 关注 要 点 。 从 属 图 片 缩小 、 点 
1! ”级 ， 呼 应 着 主题 ， 形 成 主 次 分 明 的 格局 。 


Se 


图 片 大 小 的 对 比 不 但 可 以 表示 信息 的 先后 顺序 ， 还 可 以 制造 出 版 面 的 节奏 感 。 如 果 图 片 的 尺寸 
上 有 一 些微 小 的 偏差 ， 那 么 不 同 大 小 的 图 片 分 布 于 各 个 位 置 上 ， 就 很 容易 使 版 面 显得 非常 杂乱 无 章 。 
因此 需要 对 图 片 进 行 一 定 程序 上 的 协调 和 统一 , 从 而 保持 版 面 结构 的 平衡 。 如 果 图 片 的 尺寸 类 型 过 多 ， 
就 会 使 每 一 张 图 片 的 大 小 都 不 同 , 难以 确定 主 次 关系 。 因此 , 需要 将 图 片 大 致 分 为 大 、 中、 小 3 个 级 别 ， 
使 图 片 之 间 的 主 次 关系 更 加 协调 ， 如 图 4-16 所 示 。 


在 该 杂志 跨 页 版 面 中 ， 使 用 
了 两 种 尺寸 大 小 的 图 片 ， 左 侧 页 
面 中 使 用 满 版 图 片 ， 给 人 以 很 强 
的 视觉 冲击 力 和 效果 ， 右 侧 版 面 
中 则 使 用 相同 尺寸 的 3 个 小 图 片 
水 平 排 列 ， 在 图 片 的 下 方 将 文字 
内 容 分 为 两 栏 进行 排版 ， 整 个 版 
面 的 结构 清晰 ， 视 觉 层次 简洁 、 
明确 。 














图 4-16 








此 外 ， 在 版 式 编排 时 ， 图 片 并 不 都 是 以 单 幅 的 形式 出 现 ， 针 对 多 张 图 片 的 情况 ， 还 需要 对 内 容 
版 块 进行 分 组 排列 ， 考 虑 图 片 之 间 的 距离 安排 ， 如 图 4-17 所 示 。 
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! 
在 该 产品 宣传 画册 的 跨 页 版 面 设计 
中 , 以 规则 和 矩 形 的 方式 放置 多 张 产品 图 片 ， 
产品 图 片 的 尺寸 可 以 分 为 大 、 中 、 小 3 个 
级 别 , 其 中 以 页 面 左上 角 的 图 片 最 为 突出 ， 
除了 尺寸 较 大 之 外 ， 该 图 片 位 于 版 面 左上 
1 
1 
1 
1 
1 
1 
1 
1 





角 这 一 重点 位 置 。 并 且 版 面 中 各 产品 图 片 
之 间 拥 有 相同 的 间距 ， 使 版 面 的 表现 效果 
稳定 而 规则 。 





4.3.3 ”图 片 的 数量 


图 片 数 量 的 变化 能 够 营造 出 不 同 的 版 面 氛 围 和 心理 影响 力 ， 图 片 数 量 少 ( 甚至 一 张 )， 它 本 身 的 
内 容 质 量 就 决定 了 人 们 对 它 的 印象 ， 版 面 简洁 、 单 纯 ， 格 调 高 获 ， 如 图 4-18 所 示 。 





在 该 时 尚 产品 宣传 画册 的 跨 页 版 面 
设计 中 , 跨 页 版 面 采 用 相同 的 纯色 背景 ， 
在 左 侧 页 面 中 放置 去 底 处 理 的 人 物 满 版 
图 片 ， 通 过 该 图 片 来 展现 版 面 的 时 尚 魅 
力 ， 右 侧 版 面 中 为 简单 的 白色 矩形 框 和 
简单 的 白色 文字 ， 整 个 版 面 给 人 一 种 简 
洁 、 高 牙 、 单 纯 的 感受 。 


SHININC 


4-18 


通常 情况 下 ， 图 片 数 量 较 多 的 版 面 更 能 够 引起 读者 的 兴趣 。 如 果 一 个 版 面 中 没有 图 片 全 是 文字 ， 
就 会 显得 非常 枯燥 无 味 , 很 难 让 人 想 要 仔细 阅读 下 去 。 图 片 数 量 多 , 版 面 出 现 对 比 格局 , 显得 丰富 活泼， 
有 浏览 余地 ， 适 合 普及 、 热 闲 、 新 闻 性 强 的 读物 ， 如 图 4-19 所 示 。 
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在 该 时 尚 杂志 的 跨 页 版 面 设 
计 中 ， 运 用 了 较 多 的 图 片 ， 并 且 
采用 了 不 同 大 小 和 形式 的 图 片 进 
行 排版 ， 结 合 文字 内 容 使 用 了 矩 
形 图 片 和 去 底 图 片 ， 并 且 对 部 分 
图 片 进行 倾斜 处 理 ， 版 面 中 图 片 
的 表现 形式 非常 丰富 ， 使 整个 版 
面 表现 出 热闹 、 丰 富 、 活 跃 的 视 
觉 效 果 。 


























4.3.4 图 片 的 组 合 


在 一 幅 版 面 中 ， 如 果 需 要 展现 的 图 片 过 多 ， 便 可 以 运用 图 片 组 合 的 排列 方法 。 

一 种 是 将 所 有 的 图 片 按照 单元 重复 的 形式 进行 有 序 的 编排 ， 即 各 张 图 片 分 别 占有 相同 大 小 的 页 
面 空间 ， 给 人 一 种 信息 充足 的 画面 感受 。 各 图 片 之 间 还 可 以 采用 间隔 的 形式 ， 通 过 图 片 之 间 的 分 隔 
来 减轻 画面 的 压迫 感 ， 如 图 4-20 所 示 。 





! “在 该 杂志 版 面 ! 站 二 2 ! 在 该 杂志 版 面 ! 
1 设计 中 ， 将 相同 尺 ! 专 二 入 ， 设 计 中 ， 将 版 面 中 ， 

1 寸 大 小 的 多 幅 图 片 THELUSTLIST ， 的 多 张 图 片 进行 去 | 

! 围绕 着 版 面 的 中 心 ) 二 | 话 处 理 ， 与 文字 内 ! 

! 进行 等 距离 排列 ，1! | 1 容 进行 混 排 并且 1 

! 在 版 面 的 中 心 位 置 ! ! 版 面 中 还 在 相应 的 

1 放置 主题 文字 和 简 ! 1 位 置 应 用 了 圆 形 的 ! 

1 短 的 介绍 内 容 ， 这 ， 图 片 ， 使 得 版 面 的 ， 

! 种 有 序 的 排列 方式 ! ! 表现 形式 非常 自由 ，! 

1 给 人 一 种 信息 充足 1 给 人 一 种 自由 、 无 1 

三 。! 的 画面 感受 。 . ! 拘束 的 感觉 
国人 














另 一 种 是 有 意识 地 将 其 中 一 两 张 图片 放 大 处 理 ， 并 将 水 平方 向 图 片 与 垂直 方向 图 片 混合 排列 ， 

打破 单元 的 绝对 重复 设计 ， 使 版 面 产生 变化 。 这 种 图 片 编排 形式 不 以 单 张 的 图 形 加 以 展示 ， 意 在 将 所 

有 图 片 并 列 起 来 ,通过 图 片 的 整体 排列 效果 , 给 人 带 来 一 种 丰富 、 强 烈 的 视觉 震撼 力 , 如 图 4-21 所 示 。 

图 片 的 排列 除了 以 上 这 些 有 规则 的 形式 以 外 ， 还 可 以 根据 信息 内 容 和 版 面 视觉 效果 的 需要 ， 创 

意 性 地 对 图 片 进行 多 方位 的 组 合 调整 ， 设 计 出 新 颖 多 变 的 图 片 组 合 版 式 。 例 如 将 繁多 的 图 片 进 行 整 
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合 处 理 ， 使 其 形成 一 组 整体 的 信息 ， 这 样 就 会 使 版 面 显 4 时 繁 而 不 乱 了 ， 如 图 4-22 所 示 。 


NOVELTIES 






在 该 杂志 跨 页 版 面 中 ， 
右 侧 页 面 放置 有 一 张 几乎 占 
满 整个 版 面 的 图 片 ， 左 侧 页 
面 中 的 多 张 图 片 则 采用 了 不 
同 的 图 片 尺寸 ， 并 且 将 水 平 
排列 和 垂直 排列 相 结 合 ， 打 
破 规则 的 排列 方式 ， 使 版 面 
的 排版 方式 富 于 变化 ， 但 整 
体 上 又 比较 规则 。 版 面 的 整 
体 表现 富有 规则 ， 局 部 又 具 
有 变化 ， 给 人 一 种 丰富 的 视 
觉 感 受 





















































1 
在 该 海报 版 面 设计 中 ， 将 多 幅 图 片 ! 
进行 大 小 、 位 置 、 倾 斜 角度 不 等 的 组 合 | 
调整 ， 使 其 整体 构成 一 个 富有 创意 的 图 | 
形 效果 ， 此 时 并 不 需要 在 意 每 张 图 片 所 | 
1 

1 

1 

1 

1 











表现 的 内 容 ， 而 且 图 片 的 整体 所 表现 出 
的 效果 ， 与 版 面 中 简洁 的 文字 内 容 相 结 
合 ， 突 出 了 主题 的 表现 。 























人 ， 
所 在 版 式 设计 过 程 中 ， 不 能 纯粹 为 了 吸引 读者 的 眼球 而 在 版 面 中 大 量 地 使 用 图 片 ， 图 片 如 果 过 多 
示 版 面 会 缺乏 重点 ， 松 散 混乱 ， 还 是 应 该 根据 具体 的 版 面 需求 来 决定 图 片 的 数量 。 


4.3.5 图 片 的 方向 


版 面 中 具有 方向 感 的 图 片 可 以 让 人 感受 到 一 种 速度 和 力 的 美感 ， 但 对 于 这 些 具 有 一 定 动 势 的 图 
片 应 该 加 以 巧妙 处 理 ， 使 其 更 能 顺应 人 们 阅读 时 的 视觉 感受 。 例 如 图 片 中 人 物 的 视觉 、 动 作 朝 向 的 
空间 处 理 ， 如 果 视觉 朝向 的 空间 宽敞 ， 可 以 给 舒展、 流通 的 空间 感 ; 如 果 视 觉 朝 向 的 空间 窦 小 ， 
则 给 人 一 种 压抑 、 拥 挤 的 感受 ， 如 图 4-23 所 示 。 
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! 在 该 海报 版 面 设计 中 ， 将 人 物 素材 ! 。 在 该 海报 版 面 设计 中 ， 将 人 物 脸 部 侧面 特写 图 片 放置 在 ! 
! 的 跑 动 方向 与 主题 文字 相 结 合 ， 并 且 主 ' 版 面 的 右 人 出， 人 物 眼 睛 的 视线 方向 宽敞、 流通 ， 正 好 把 视觉 ! 
上 题 文字 采用 手写 字体 ， 突 出 表现 版 面 的 ‖} 焦点 吸引 到 主题 文字 上 ， 并 且 主 题 文字 使 用 了 金黄 色 的 毛笔 | 
有 4 ! 字体 ,与 深 灰色 的 背景 形成 强烈 对 比 , 非常 醒目 。 ____ _ . 














为 了 使 版 面具 有 动 势 ， 一 方面 在 摄影 时 对 信息 主体 进行 不 同 角度 的 拍摄 ， 另 一 方面 还 可 以 将 原 
本 静态 的 图 片 进行 倾斜 式 的 摆 放 ， 有 意识 地 打破 原来 的 静态 效果 ， 从 而 增强 版 面 的 方向 性 的 动感 ， 
如 图 4-24 所 示 。 


1 

1 

1 

该 画册 跨 页 版 面 使 用 黑白 色 设 计 搭配 ， “|! 

使 版 面 的 表现 效果 非常 具有 个 性 ， 并 且 版 面 图 “1! 

形 采 用 向 右上 角 倾 斜 的 方式 进行 设计 ， 所 搭配 ， 

的 图 片 和 文字 内 容 同样 采用 相同 的 倾斜 处 理 ，! 

使 整个 版 面具 有 方向 性 的 动感 效果 ， 并 且 版 面 1! 

中 不 同 明度 的 灰色 相互 埃 加 ， 也 拓展 了 版 面 的 “| 
空间 层次 感 。 

1 

1 

















和 - 
提 六 全 有 全 人 仙 罗 全 用 可 以 是 有 方向 性 的 线条 、 符 号 、 图 片 组 合 形式 ， 也 可 
示 以 借助 近景 、 中 景 、 远 景 来 达到 。 它 们 的 变化 会 在 版 面 中 形成 某 种 视觉 动 势 ， 具 有 视觉 导向 作用 。 
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4.3.6 整体 与 局 部 


版 式 设 计 中 除了 要 处 理 好 每 张 图片 的 摆 放 形式 ， 更 要 注意 图 片 的 整体 排列 效果 。 既 要 加 强 画 面 
的 局 部 变化 ， 又 要 注意 版 面 整体 的 结构 组 织 和 方向 视觉 秩序 ， 这 都 需要 以 周密 的 组 织 和 定位 来 获得 
版 面 的 秩序 。 否 则 ， 必 将 造成 松散 、 割 裂 的 状态 ae 


在 该 杂志 -版面 
1 设计 中 ， 使 用 图 片 ! 
| 来 围绕 主题 文字 内 | 
! 容 ， 在 版 面 左 侧 放 ， 
1 置 垂直 满 版 图 片 ， | 
1! 展示 整体 形象 , 右 ， 
1 侧 放 置 各 种 去 底 处 
! 理 的 产品 图 片 ， 使 | 
1 版 面 的 整体 表现 丰 | 
! 富 而 具有 节奏 感 。 

















4.3.7 图片 的 网 格 编排 





在 该 版 面 设计 中 ， | 
! 以 矩形 图 片 的 展示 为 
1 主 ， 在 版 面 上 方 使 用 矩 ， 
! 形 方 格 的 方式 放置 图 
1 片 ， 并 且 在 其 中 不 同色 
! 块 的 矩形 上 展示 相应 的 
1 文字 内 容 ， 各 矩形 方块 
， 保持 相同 的 间距 。 版 面 
1 整体 效果 稳定 ， 局 部 富 





网 格 编排 是 杂志 、 画 册 等 图 文 混 排 的 一 种 版 式 设 计 方法 ， 其 主要 特点 是 运用 数字 的 比例 关系 


通过 严格 的 计算 ， 把 版 心 划分 为 无 数 统一 尺寸 的 网 格 ， 例 如 将 版 面 划分 为 一 栏 、 
快捷 的 设计 方式 ， 使 版 面具 有 一 定 的 节奏 、 


多 的 栏 ， 把 文字 和 图 片 安排 于 其 中 ， 是 一 种 有 规律 的 、 
韵律 变化 , 并 产生 “规范 ” 和 “速度 ” 感 。 网 格 编排 处 理 在 
所 示 为 使 用 网 格 编排 的 版 面 设计 效果 。 

人 
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二 栏 、 三 栏 以 及 更 


实际 运用 中 具有 科学 性 、 严 肃 性 。 如 图 4-26 


在 该 杂志 跨 页 版 面 的 设计 
中 ， 文 字 内 容 较 多 ， 通 过 分 栏 
的 方式 来 安排 版 面 内 容 ， 将 每 
一 页 分 为 四 栏 ， 在 分 栏 中 安排 
相应 的 文字 和 图 片 内 容 ， 使 得 
整个 版 面 的 结构 非常 清晰 。 但 
是 版 面 的 局 部 位 置 又 将 图 片 进 
行 跨栏 排列 ， 使 得 版 面 不 会 太 
死板 ， 活 跃 版 面 的 表现 效果 。 
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图 片 网 格 编排 法 有 很 多 种 ， 常 见 的 有 威 尔 * 霍 布 京 斯 创立 的 12 等 分 网 格 法、 卡尔 夏 斯 托 奈 尔 创 
立 的 58 等 分 网 格 和 尼 霍 森 版 面 分 割 原 理 ， 这 些 方法 分 别 将 版 面 划分 为 若干 等 份 ， 图 文 编排 便 是 在 这 
些 空间 里 进行 的 。 

12 等 分 网 格 法 : 把 版 面 每 页 竖 向 划分 为 8 等 份 ， 每 页 横向 划分 为 12 等 份 ， 每 一 等 份 之 间 留 一 
定 的 间隔 ， 然 后 按 图 片 的 大 小 、 多 少 ， 顺 着 等 分 线 分 割 。 一 页 版 面 可 放 1 张 、2 张 或 4 张 图 片 。 

58 等 分 网 格 法 : 适用 于 正方 形 的 版 面 ， 可 以 将 正方 形 的 版 面 分 割 组 成 1 幅 、2 幅 、4 幅 、9 幅 、 
16 幅 、25 幅 、36 幅 画 面 。 该 网 格 法 在 版 面 设计 中 简单 易 行 ， 效 果 很 好 。 

尼 霍 森 分 割 原 理 : 讲究 各 个 部 分 的 配置 、 分 割 ， 使 版 面 主 次 有 序 ， 层 次 清楚 。 版 面 分 割 要 主 次 
有 序 、 层 次 分 明 、 彼 此 呼应 、 和 谐 得 体 。 该 原理 提出 了 “版 面 的 视觉 中 心 区 ”的 概念 ， 并 首次 将 视 
觉 与 心理 学 结合 在 一 起 ， 应 用 在 版 式 设 计 中 ， 如 图 4-27 所 示 。 





在 该 杂志 跨 页 版 面 的 设计 ， 

中 ， 右 侧 页 面 采 用 比较 自由 的 ， 
编排 方式 ， 将 不 同 尺寸 大 小 的 1 
图 片 相互 琶 加 排列 在 版 面 中 ， ! 
使 版 面 给 人 感觉 自由 ， 而 左 侧 ， 
版 面 则 采用 网 格 法 进行 排列 ， ， 
上 半 部 分 分 为 两 栏 ， 下 半 部 分 ， 
分 为 三 栏 ， 版 面 的 结构 层次 非 ! 
常 清晰 ， 阅 读 起 来 非常 方便 、 1! 
轻松 。 
1 





4.4 图片 在 版 式 设计 中 的 作用 


作为 版 式 设计 中 的 重要 元 素 之 一 ， 图 片 比 文字 更 能 够 吸引 读者 的 注意 ， 不 但 能 直接 、 形 象 地 传递 
信息 ， 还 能 使 读者 从 中 获得 美的 感受 。 因 此 ， 图 片 的 选择 和 编排 处 理 对 版 面 效 果 起 着 至 关 重 要 的 作用 。 


4.4.1 ”表现 版 面 的 氛围 


在 版 面 中 使 用 图 片 ， 特 别 是 满 版 图 片 能 够 有 效 地 泻 染 版 面 所 要 表现 的 氛围 ， 并 且 版 面 中 图 片 的 
排版 和 处 理 方式 不 同 ， 同 样 能 够 表现 出 不 一 样 的 效果 。 在 排版 设计 过 程 中 ， 对 于 图 片 素材 的 选择 显 
得 非常 重要 。 如 图 4-28 所 示 为 在 版 面 中 使 用 满 版 图 片 渲染 整体 氛围 。 
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使 用 富有 创意 的 表现 ! “在 该 杂志 版 面 中 ， 
于 法， 将 天 惫 重 记 于 大 为 了 配合 该 版 面 主题 的 
自然 的 环境 当中 沐 治 ，! 表现 效果 ， 使 用 绿色 荐 
体现 出 产品 的 自然 和 ; 菜 和 水 果 图 片 作为 该 版 


面 的 满 版 图 片 ， 吸 引 读 
者 的 视线 ， 能 够 有 效 地 
烘托 版 面 的 主题 。 


舒适 感受 。 在 版 面 中 通 ! 
过 合成 图 片 的 运用 ， 有 ! 
效 这 染 了 需要 表达 的 ! 








1 
1 
在 该 杂志 跨 页 版 面 中 ， 为 了 配合 跨 页 版 面 ! 

的 内 容 ， 使 用 摄影 图 片 作为 跨 页 的 满 版 背景 ， 1 
摄影 图 片 能 够 给 人 一 种 真实 感 ， 有 效 地 泻 染 了 “| 
版 面 的 整体 环境 氛围 。 在 图 片 中 选择 不 影响 图 | 
片 表现 效果 的 位 置 使 用 分 栏 的 方式 放置 文字 介 | 
绍 内 容 ， 使 读者 在 阅读 的 过 程 中 有 一 种 身 临 其 | 
境 的 感受 。 
1 














一 般 的 矩形 图 片 本 身 就 有 框 ， 因 此 图 片 就 如 同一 张 画 一 样 ， 具 有 固定 的 形象 。 如 果 将 高 明度 的 
图 片 搭配 在 大 量 留 白 的 版 面 中 ， 由 于 两 者 之 间 的 世 加 效果 ， 将 更 能 够 强调 沉静 知性 的 氛围 。 另 外 ， 
如 果 想 要 进一步 强调 出 固定 的 印象 ， 可 以 将 左右 页 面 编排 成 对 称 的 形式 ， 这 样 也 能 得 到 很 不 错 的 视 
觉 效 果 。 如 图 4-29 所 示 为 大 量 留 白 在 版 面 中 的 应 用 。 


在 婚纱 摄影 跨 页 版 面 中 ， 通 
过 左右 对 称 的 版 面 设计 ， 从 而 突 
显 出 沉稳 而 固定 的 印象 ， 像 这 种 
左右 对 称 的 版 面 设计 ， 通 常 能 让 
人 感受 到 页 面 的 对 比 ， 并 赋予 版 
面 完整 性 。 该 跨 页 版 面 中 大 量 使 
用 留 白 , 使 版 面 表现 出 一 种 知性 、 
宁静 、 美 好 的 氛围 。 
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商业 杂志 往往 更 希望 能 够 创造 出 活泼 的 版 面 ， 此 时 可 以 通过 图 片 的 编排 方式 来 强化 方向 性 ， 从 
而 让 内 容 显得 更 加 生动 。 

如 果 要 强调 方向 性 ， 除 了 可 以 利用 前 面 所 介绍 的 人 物 视 线 外 ， 还 可 以 利用 极端 的 角度 来 创建 图 
片 的 震撼 力 ， 或 是 使 用 倾斜 图 片 的 方式 创建 动感 效果 。 注 意 不 要 将 版 式 设计 得 过 于 工整 ， 而 要 多 尝 
试 使 用 风格 大 胆 的 图 片 ， 这 样 才能 够 让 版 面 活泼 起 来 ， 如 图 4-30 所 示 。 





在 该 汽车 画册 跨 页 版 面 中 ， 运 
用 倾斜 的 汽车 图 片 和 不 规则 形状 的 
汽车 图 片 相 搭配 ， 并 且 对 版 面 中 的 
汽车 图 片 进行 去 底 处 理 ， 在 版 面 中 
表现 出 强烈 的 动感 效果 ， 版 面 中 文 
字 的 排版 也 根据 图 片 边缘 的 变化 而 
变化 , 使 整个 版 面 的 表现 更 加 活泼 、 
自由 。 














4.4.2 图 片 的 构图 


图 片 的 构图 对 于 版 面 设计 来 说 同样 重要 , 好 的 图 片 构图 能 够 让 版 面 增色 不 少 。 在 版 面 设 计 过 程 中 ， 
可 以 根据 版 面 中 图 片 的 构图 方式 来 选择 合适 的 排版 方式 。 

当 所 要 设计 的 内 容 是 两 个 对 比 的 对 象 时 ， 可 以 利用 视觉 设计 强调 左右 对 称 的 构图 ， 以 进一步 创 
造 令 人 印象 深刻 的 版 面 。 尤 其 是 让 具有 象征 意义 的 两 张 图 片 彼此 对 照 ， 就 能 直接 而 明确 地 传达 内 容 ， 
如 图 4-31 所 示 。 


在 该 画册 跨 页 版 面 设计 
中 ， 根 据 左右 版 面 中 所 介绍 
的 内 容 分 别 放置 两 张 图片 ， 
以 同样 的 大 小 比例 ， 利 用 跨 
页 的 左右 版 面 画 构成 简单 的 
对 比 关系 ， 这 也 正 是 利用 版 
式 设 计 来 呼应 及 传达 内 容 主 
题 的 常规 方法 。 


fe | 
Tr 
[A 
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版 式 设 计 中 的 色彩 搭配 


色彩 为 版 面 的 构图 增添 了 许多 魅力 ， 它 既 能 美化 版 面 ， 
又 具有 实用 的 功能 ， 更 能 够 进行 随意 的 变化 。 同 时 ， 有 色彩 


























的 文字 比 单调 的 文字 更 让 人 印象 深刻 并 且 便 于 记忆 。 色 彩 的 
搭配 有 时 会 影响 设计 的 成 履 ， 再 好 的 版 式 编排 也 需要 通过 色 
彩 的 搭配 才能 最 终 完成 ， 因 此 色彩 对 版 式 设计 起 着 极其 重要 
的 作用 。 

本 章 将 向 读者 介绍 色彩 搭配 的 相关 知识 ， 以 及 在 版 式 设计 
中 色彩 搭配 的 具体 方法 和 技巧 。 
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5.1 认识 色彩 


色彩 是 人 们 对 客观 世界 的 一 种 感知 ， 无 论 是 在 大 自然 里 ， 还 是 在 社会 生活 中 ， 都 存在 着 各 种 各 
样 的 色彩 ， 人 们 的 实际 生活 与 色彩 密切 相关 。 


5.1.1 色彩 感知 


人 们 通过 眼睛 直接 观察 而 感觉 到 的 色彩 ， 可 以 分 为 光 加 上 颜色 之 后 而 透 出 的 透 过 色 ， 以 及 光照 
射 到 物体 上 反射 出 来 的 反射 色 。 

透 过 色 是 指 把 光 加 上 颜色 ， 直 接 用 肉眼 观看 。 实 际 上 ， 所 谓 在 光 上 添加 颜色 ， 是 由 于 光 的 其 他 
颜色 被 阻隔 后 的 结果 ， 如 图 5-1 所 示 。 

透 过 色 是 以 加 色 混 合 方式 ， 由 红 (R)、 绿 (G)、 蓝 (B) 共 3 种 颜色 混合 ， 表 现 出 各 种 各 样 的 颜色 ， 
如 图 5-2 所 示 。 混 合 红 (R)、 绿 (G)、 蓝 (B)3 种 颜色 来 表示 颜色 的 方式 称 为 RGB 色彩 。 所 有 颜色 
混合 在 一 起 就 变 成 白色 ; 完全 没有 颜色 的 状态 就 变 成 黑色 。 


自然 色 
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图 5-2 
由 于 电脑 屏幕 是 用 这 种 方式 表示 色彩 ， 读 者 可 以 试 着 将 眼睛 靠近 屏幕 ， 应 该 可 以 看 到 红 、 绿 、 
蓝 的 细小 光 点 。 这 种 色彩 表示 方式 ， 是 采用 了 这 3 种 色彩 的 英文 单词 的 首 字 ， 称 之 为 RGB 色彩 。 
另 一 方面 , 物体 色彩 的 反射 色 , 是 用 画笔 或 染料 、 油墨 之 类 的 “ 色 材 "来 表现 颜色 , 如 图 5-3 所 示 。 
印刷 品 几 乎 是 青 (C)、 洋 红 (M)、 黄 (Y)， 再 加 上 黑 (K)4 种 油墨 相互 组 合 而 成 , 所 有 的 颜色 都 是 以 “ 减 
混合 ”的 方式 表现 的 ， 如 图 5-4 所 示 。 用 放大 镜 将 印刷 品 放大 来 看 ， 可 以 看 见 油墨 的 彩色 粒子 ， 
这 种 方式 称 为 CMYK 色彩 。 
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眼睛 看 到 的 颜色 全 ® 


| - EE 
自然 色 


图 5-3 图 5-4 
虽然 现在 的 图 像 设计 都 是 使 用 电脑 设计 制作 ， 但 是 在 制作 成 印刷 品 之 前 ， 只 凭借 着 屏幕 上 所 显 


示 的 图 像 ， 并 没有 办 法 正确 地 掌握 印刷 出 来 的 成 品 颜 色 。 在 制作 CMYK 印刷 品 时 ， 最 好 比照 专用 的 
CMYK 色 表 ， 如 图 5-5 所 示 。 另 外 ， 还 有 一 种 称 为 “ 专 色 ”， 在 预先 调 好 颜色 油墨 时 ， 利 用 专 色 专 


用 的 色 票 当成 样本 确认 颜色 ， 如 图 5-6 所 示 。 
Mak 
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[=| 
提 在 设计 制作 CMYK 印刷 品 时 ， 只 靠 显示 器 屏幕 的 颜色 和 直觉 做 决定 是 绝对 行 不 通 的 ， 一 定 要 翻 ! 
1 


示 阅 “ 色 表 ”， 再 选择 颜色 。 实 际 上 ， 各 式 各 样 CMYK 的 油墨 都 分 别 依 比例 标 上 10% 的 刻度 ( 也 有 标 1 
记 5%) 以 作为 确认 之 用 。 2 


5.1.2 色彩 的 属性 


世界 的 色彩 丰富 多 彩 ， 有 肉眼 容易 观察 的 ， 也 有 不 易 观 察 到 的 ， 但 只 要 有 色彩 的 存在 ， 它 就 会 
备 3 个 基本 属性 ， 即 色相 、 明 度 和 纯度 ， 它 们 在 色彩 学 上 被 称 为 色彩 的 三 大 要 素 或 色彩 的 三 属性 。 








| 
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1. 色相 “ss 
色相 是 指 色彩 的 相 金 ,是 区 分 色彩 种 类 的 名 称 , 是 色彩 的 最 大 特征 。 。 志 雪 

各 种 色相 是 由 射 入 人 眼 的 光线 的 光谱 成 分 决定 的 。 ® ® 
在 可 见 光谱 中 ， 红 、 楼 、 黄 、 绿 、 蓝 、 紫 每 一 种 色相 都 有 自己 的 波长 ”_ 

与 频率 ， 它 们 从 短 到 长 按 顺 序 排列 ， 就 像 音乐 中 的 音阶 顺序 ， 有 序 而 和 详 ， 蕊 | bd 


光谱 中 的 色相 发 射出 色彩 的 原始 光 ， 它 们 构成 了 色彩 体系 中 的 基本 色相 。 
色相 可 以 按照 光谱 的 顺序 划分 为 : 红 、 红 档 、 黄 杰 、 黄 、 黄 绿 、 绿 、 绿 蓝 、 ” 
蓝 绿 、 蓝 、 蓝 紫 、 紫 、 红 紫 12 个 基本 色相 ， 如 图 5-7 所 示 。 万 局 
2. 明度 图 5-7 
明度 就 是 指 色 彩 的 明亮 程度 。 对 于 光源 色 来 说 ， 也 可 以 称 为 光度 ， 所 有 颜色 都 有 不 同 的 光度 ， 
亮色 则 称 为 “明度 高 ， 上 暗色 则 称 为 “明度 低 ”。 色 彩 的 明度 与 它 表 面色 光 的 反射 率 有 关 ， 物 体 表 
面 的 反射 率 越 大 ， 对 视觉 的 刺激 就 越 大 ， 看 上 去 就 越 亮 ， 物 体 的 明度 就 越 高 。 明 度 的 变化 最 适合 
来 表现 物体 的 立体 感 、 空 间 感 和 厚重 感 。 
明度 最 高 的 颜色 是 白色 ， 明 度 最 低 的 颜色 是 黑色 ， 如 图 5-8 所 示 。 
3. 纯度 
纯度 又 称 为 饱和 度 , 即 色彩 的 鲜艳 程度 , 表示 色彩 中 所 含有 色 成 分 的 比例 。 色 彩 成 分 的 比例 越 大 ， 
则 色彩 的 纯度 就 越 高 ; 色彩 成 分 的 比例 越 小 ， 则 色彩 的 纯度 越 低 ， 如 图 5-9 所 示 。 从 科学 的 角度 看 ， 
一 种 颜色 的 鲜艳 度 取决 于 这 一 色相 发 射 光 的 单一 程度 。 不 同 的 色相 不 仅 明 度 不 同 ， 纯 度 也 不 相同 。 
纯度 高 














纯度 低 

















5.1.3 ”有 彩色 与 无 彩色 


色彩 可 以 分 为 无 彩色 和 有 彩色 两 大 类 。 无 彩色 包括 黑 、 白 和 灰色 ,有 彩色 包括 红 、 黄 、 蓝 等 除 黑 、 
白 和 灰色 以 外 的 任何 色彩 。 有 彩色 就 是 具备 光谱 上 的 某 种 或 某 些 色相 ,统称 为 彩 调 。 相 反 ， 无 彩色 
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就 是 没有 任何 彩 调 。 
无 彩色 系 是 指 黑色 和 白色 ， 以 及 由 黑白 两 色相 混合 
纯 的 色彩 ， 而 灰色 却 有 着 各 种 深浅 的 不 同 。 无 彩色 系 的 颜色 只 





而 成 的 各 种 灰色 系列 ， 其 中 黑色 和 白色 是 单 











一 种 基本 属性 ， 那 就 是 “明度 ”。 


无 彩色 系 的 色彩 虽然 没有 彩色 系 的 那样 光彩 夺目 ， 却 有 着 彩色 系 无 法 代替 和 无 法 比拟 的 重要 作 





用 ， 下 多 彩 ， 如 图 5- 10 所 示 。 


与 无 彩色 之 间 的 不 同 量 的 混 


A 
pO 


Pn 


eaters” 


zakura no shiizun 





技 色调 就 是 指 以 一 种 主 色 和 其 他 颜色 的 组 合 、 搭 配 所 形成 的 画面 色彩 关系 ， 即 色彩 总 的 倾向 性 ， 





Qa 








1 该 杂志 版面 使 ! 
1 用 黑白 的 无 彩色 系 搭 ! 
1 配 ， 背 景 为 满 版 的 黑 
! 白 人 物 摄影 图 片 ， 给 ! 
1! 人 很 强 的 视觉 冲击 | 
! 力 ， 在 图 片上 方 搭配 ! 
1 纯 白 色 的 文字 ,与 背 ， 
1 景 产生 强烈 的 黑白 对 
! 比 ， 整 体 给 人 感觉 视 ! 
四 Rd。 





图 5 
有 彩色 系 中 的 各 种 颜色 的 性 质 ， 都 是 由 光 的 波长 和 振幅 所 产生 的 ， 
即 明度 和 纯度 ， 有 彩色 系 具 有 色相 、 
将 无 彩色 系 排除 所 剩 下 的 就 是 有 彩色 系 ， 有 彩色 系 包 括 基本 色 、 基 本 色 之 间 的 混合 
合 等 ， 所 产生 的 色彩 都 属于 有 彩色 系 ， 如 图 5- 11 所 示 。 


“i 


de 
面 的 背景 主 色调 ， 
搭配 同色 系 的 机 


面 的 色调 表现 统 | 
"EE 给 人 一 种 温 mm 
柔 、 美 好 的 印象 。 





明度 和 纯度 3 个 属性 。 





























| ”该 活动 海报 采用 无 ! 
! 彩色 系 搭配 ， 使 用 去 色 处 ! 
1 理 的 图 片 作为 版 面 的 满 版 ! 
| 背景 ， 在 版 面 中 相应 的 位 | 
! 置 放置 文字 内 容 ， 整 个 版 ! 
! 面 的 色调 呈现 灰色 ， 并 且 | 
! 字体 大 小 相近 ， 整 个 版 面 ! 

人 一 种 温和 、 舍 适 的 感 


1 
1 
站 1 
1 


它们 分 别 控制 色相 和 色调 ， 


该 杂志 版 面 使 用 对 比 ! 

强烈 的 黑白 色彩 作为 主 色 | 
! 调 ， 图 片 和 文字 者 表现 出 1 
1 了 强烈 的 黑白 对 比 ， 但 是 ! 
! 为 版 面 中 的 主题 文字 搭配 ! 
! 了 鲜明 的 黄色 背景 ， 鲜 艳 ， 
1 的 有 彩色 的 加 入 ， 使 版 面 ! 
! 的 表现 更 加 突出 ， 视 此 效 ， 
! 果 更 加 强烈。 


体 体 现 。 一 般 在 画面 上 所 占 面积 最 大 的 色相 从 视觉 上 便 成 了 主要 色调 。 





J 多样 统一 的 
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5.1.4 不 同色 彩 给 人 的 心理 影响 


色彩 有 各 种 各 样 的 心理 效果 和 情感 效果 ， 会 引起 人 们 各 种 各 样 的 感受 和 遐想 ， 但 是 还 是 根据 个 
人 的 视觉 感 、 个 人 审美 、 个 人 经 验 、 生 活 环境 、 性 格 等 所 定 ， 不 过 通常 的 一 些 色彩 ， 视 觉 效 果 还 是 
比较 明显 的 ， 例 如 看 见 绿色 ， 会 联想 到 树叶 、 草 坪 的 形象 ; 看见 蓝 色 ， 会 联想 到 海洋 、 水 的 形象 。 
不 管 是 看 见 某 种 色彩 或 是 听见 某 种 色彩 名 称 的 时 候 ， 心 里 就 会 自动 地 描绘 出 这 种 色彩 给 我 们 的 感受 ， 
不 管 是 开心 、 是 悲伤 、 是 回忆 等 ， 这 就 是 色彩 的 心理 反应 。 

@ 红色 给 和 人 热情、 兴奋 、 勇 气 、 危 险 的 感觉 。 

@ 橙色 给 人 热情 、 勇 气 、 活 泼 的 感觉 。 

@ 黄色 给 人 温暖 、 快 乐 、 轻 松 的 感觉 。 

@ 绿色 给 人 健康 、 新 鲜 、 和 平 的 感觉 。 

@ 青色 给 人 清爽 、 寒 冷 、 冷 静 的 感觉 。 

@ 蓝 色 给 人 孤立 、 认 真 、 严 肃 、 忧 郁 的 感觉 。 

© 

© 





紫色 给 人 高 贵 、 雅 致 、 忧 郁 的 感觉 。 
黑色 给 人 神秘 、 阴 郁 、 不 安 的 感觉 。 
@ 白色 给 和 人 纯洁、 正义、 平等 的 感觉 。 
@ 灰色 给 人 朴素 、 模 糊 、 抑 部、 犹 殉 的 感觉 。 
以 上 这 些 对 色彩 的 印象 是 指 在 大 范围 的 人 群 中 获得 认同 的 结果 ， 但 并 不 代表 所 有 人 都 会 按照 上 
述 的 说 法 产生 完全 相同 的 感受 。 根据 不 同 的 国家 、 地 区 、 性 别 、 年 龄 等 因素 的 差异 , 即使 是 同一 种 色彩 ， 
也 可 能 会 有 完全 不 同 的 解读 。 在 设计 时 应 该 综合 考虑 多 方面 因素 ， 避 免 造 成 误解 。 如 图 5-12 所 示 为 
不 同色 彩 的 版 式 设计 效果 。 





i ms 
: el 1 该 产品 广告 使 | 

1 a 1 用 了 与 产品 颜色 同 1 

1 使 用 纯度 较 高 的 | 1 色 系 的 蓝 色 进 行 搭 ! 

1 黄色 与 楼 色相 搭 ! | 

1 1 1 配 ， 通 过 不 同 明度 1! 

1 配 ， 给 人 强烈 的 | 1 和 纯度 的 蓝 色调 搭 ! 

! 视觉 刺激 ， 黄 色 ! ee 

1 1 1 配 ， 使 版 面 的 整体 ! 

1 和 禁 色 都 属于 暖 | 1 色调 统一 , 给 人 一 ! 

! 色 系 色彩 ， 整 个 ! 和 | 

1 a 1 种 清爽、 宁静 、 舒 ! 

1 版 面 给 人 感觉 激 | 1 S 1 
适 的 感受 ， 这 也 正 

! 情 、 温 暖 、 刺 激 ! | 
1 1 1 是 该 产品 所 需要 向 1 
和 1 用户 所 传达 的 感受 。 | 
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1 
1 
该 宣传 海报 使 用 中 性 的 灰色 与 热情 的 红色 来 分 。 |! 

荐 版面， 红色 是 一 种 热闹 、 富 有 激情 的 色彩 ,使 用 ! 
红色 对 版 面 进行 倾斜 分 荐 ， 并 且 与 人 物 衣服 的 颜色 。 “| 
相 呼 应 ， 使 版 面 表现 出 很 强 的 动感 ， 在 版 面 中 还 采 “|! 
用 各 种 不 同 的 红色 三 角形 ， 以 及 文字 的 倾斜 排版 方 。 
式 , 都 是 为 了 使 海报 能 够 表现 出 激情 、 动感 的 效果 。 。 
1 

1 





1 
绿色 是 一 种 温和 、 不 刺激 的 色彩 ,在 该 1 
网 页 版 面 中 使 用 绿色 作为 版 面 的 主 色调 , 符 ! 
合 产品 的 定位 ， 表 现 出 产品 的 新 鲜 与 自然 ， 
并 且 绿色 可 以 使 人 精神 放松 、 不 易 疲 劳 , 整 “| 
个 网 页 的 色彩 搭配 表现 出 自然 、 舒 适 的 感觉 ， ”1 
使 人 仿佛 置身 于 清爽 的 大 自然 中 。 ， 





图 5-12( 续 ) 


5.2 色彩 在 版 式 中 的 视觉 识别 性 


要 想 使 设计 作品 具有 较 高 的 识别 性 ， 通 过 优秀 的 色彩 搭配 给 人 留 下 深刻 的 第 一 印象 是 非常 有 效 
的 方法 。 版 面 设计 中 的 色彩 与 图 形 、 文 字 紧 密 相关 ， 合 理 的 图 文 配色 是 版 面 设计 成 功 的 要 素 之 一 。 


5.2.1 图 形 色彩 的 视觉 表现 


在 版 面 设计 过 程 中 运用 适当 的 、 不 同 的 色彩 来 表现 版 面 中 的 图 形 ， 可 以 使 图 形 的 效果 更 加 丰富 ， 
形式 美感 更 强 。 图 形 的 色彩 也 是 图 形 语言 的 一 个 重要 组 成 部 分 ， 色 彩 是 直接 影响 图 形 设计 成 败 的 要 
素 之 一 ， 色 彩 运用 得 巧妙 得 体 ， 就 能 够 充分 体现 图 形 的 丰富 多 彩 和 装饰 魅力 ， 如 图 5-13 所 示 。 

Ef 
提 在 版 面 设计 中 , 图 形 色彩 的 搭配 强调 归纳 性 、 统 一 性 和 夸张 性 , 尤其 注意 对 图 形 整体 色调 的 设 定 ， 
示 需要 能 够 更 好 地 表现 版 面 的 整体 视觉 风格 。 


下 
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| renacc5 
1 ! 在 该 相机 海报 的 
在 该 品牌 宣传 ! ! 设计 中 ， 使 用 浅 灰 色 作 1! 











1 海报 中 ， 主 要 的 图 形 1 | 为 版 面 的 背景 色 ， 在 版 ; 
! 是 不 同 造型 的 时 尚 女 ! | 面 中 心 位 置 放置 绿色 的 ， 
1 性 ， 运 用 代表 女性 和 ! 1 产品 图 片 ， 有 彩色 与 无 | 
! 青春 的 桃红 色 作 为 版 | ! 彩色 的 对 比 ， 非 常 好 地 ! 





! 面 的 主 色调 ， 搭 配 简 ! 1 突出 了 产品 的 表现 效 

! 洁 的 品牌 名 称 ， 整 个 ! 果 ， 版 面 左下 角 和 下 方 ! 

! 版 面 给 人 一 种 纯粹 、! Se. ! 的 局 部 内 容 也 使 用 了 绿 ! 

1 时 尚 的 印象。 1 ! 色 的 背景 ， 与 产品 图 片 | 

， | Oss Ee , 7 ， 

cxkhxTi -= ni 【RN 1 
该 家 电 宣 传 网 页 的 版 面 设计 中 


使 用 了 多 种 高 纯度 的 有 彩色 进行 拱 
配 , 使 版 面 表 现 出 一 种 时 尚 、 青 春 、 
新 鲜 的 视觉 效果 。 使 用 蓝 色 的 天 空 
和 绿色 的 草地 作为 版 面 的 背景 ， 体 
现 出 大 自然 的 特点 ， 其 他 各 种 不 同 
qe 颜色 的 新 鲜 蔬菜 水 果 则 体现 出 产品 
EL i “ey 的 保鲜 品质 ， 高 纯度 的 色彩 搭配 能 
够 营造 欢乐 、 活 跃 的 氛围 。 














5.2.2 文字 色彩 的 视觉 表现 


色彩 对 文字 最 明显 的 影响 就 是 文字 内 容 的 可 读 性 。 白 底 黑 字 是 最 常用 的 搭配 ， 黑 白 两 种 颜色 的 
巨大 差异 保证 了 字符 极 高 的 辨识 度 。 如 果 字 符 的 色彩 对 阅 计 pe 那么 即使 再 美的 色彩 
也 是 不 可 取 的 。 如 图 5-14 所 示 为 版 式 设计 中 文字 色彩 的 表现 。 

技 鲜艳 的 色彩 可 以 提升 广告 的 注目 性 ， 因 为 人 的 视觉 神经 对 色彩 最 为 敏感 ， 在 现代 平面 设计 中 可 以 1! 
巧 自由 地 寻找 适合 现代 社会 的 色彩 。 借 助 于 色彩 的 表现 力 ， 有 助 于 创造 出 满足 个 性 化 需求 的 设计 作品 ， 


， ”因此 色彩 在 平面 设计 中 有 着 特殊 的 诉求 力 。 ’ 


版式 设 计 一 一 设计 师 必 备 宝典 


中 
I 
1 
, 无 论 在 什么 情况 下 ， 都 需要 保证 版 面 中 文字 内 
! 容 的 可 读 性 。 该 杂志 内 页 的 版 面 设计 中 ， 使 用 了 党 
1 规 的 纯 白色 背景 ， 版 面 中 的 图 片 较 多 ， 因 此 文字 都 
1 采用 了 默认 的 黑色 文字 ， 加 上 在 版 面 中 使 用 了 线 框 
1 对 不 同 的 内 容 进行 分 割 ， 使 得 版 面 中 的 各 部 分 内 容 
! 非常 清晰 ， 文 字 内 容 也 具有 很 好 的 可 读 性 。 





! 该 杂 志 枝 面 的 背景 是 一 张 ! KE LE /和 \、! 该 时 尚 杂志 封面 1 








! 色调 较 及 的 蓝 色 图 片 为 了 使 | Be ! 使 用 无 彩色 的 洲 灰 色 ! 
! 版 面 中 的 文字 具有 很 好 的 可 读 | 1 作为 版 面 背景 ， 在 版 ， 
! 性 ， 在 版 面 中 使 用 黑色 的 矩形 ! ! 面 中 放置 同样 黑白 色 ! 
! 色 块 来 衬托 白色 文字 的 显示 ，! 1 调 的 人 物 以 及 黑色 的 ! 
! 部 分 文字 则 使 用 了 图 片 中 的 蓝 ! | 文字 ， 而 杂志 名 称 则 | 
! 色 ， 形 成 呼应 。 而 标题 的 大 号 ! ! 使 用 了 楼 色 ， 在 无 彩 ! 
1 文字 使 用 呈 对 比 效果 的 黄色 ， ， ! 色 的 版 面 中 特别 突出 ，! 
! 与 背景 图 片 形成 强 员 gj 比 。 1 ! 也 具有 很 好 的 可 视 性 。! 
图 5-14 


5.2.3 ”色彩 对 版 面 率 的 影响 


版 面 率 主要 是 由 版 面 中 的 留 白 量 来 决定 的 ， 版 面 中 留 白 越 多 ， 版 面 率 越 高 ， 如 图 5-15 所 示 ; 
版 面 中 留 白 越 少 ， 版 面 率 越 低 ， 如 图 5-16 所 示 。 除 此 之 外 ， 色 彩 对 版 面 率 也 有 影响 ， 例 如 在 相同 的 
版 面 中 ， 白 色 的 底 色 和 红色 的 底 色相 比 ， 白 底 的 版 面 率 要 大 于 红 底 的 版 面 率 。 因 此 ， 在 版 面 中 元 素 
比较 少 显得 空 上 时 ， 可 以 通过 色彩 的 变化 来 调整 版 面 率 ， 从 而 使 版 面 达到 更 加 饱和 的 效果 。 








1 

1 ” ”该 画册 跨 页 版 面 使 用 浅 灰色 作为 版 面 的 
1 背景 主 色调 ， 在 版 面 中 搭配 黑白 处 理 的 人 物 
1 图 像 以 及 简洁 的 文字 说 明 内 容 ， 版 面 中 运用 
! 了 大 量 的 留 白 ， 版 面 率 较 高 。 在 版 面 中 加 入 
1 
1 
1 


Nir 
HIGH 


GRADE 
ATMOSPHERE 





红色 半 透 明 矩 形 方块 来 活跃 版 面 的 氛围 ， 整 
个 版 面 给 人 一 种 空 片 、 简 洁 、 时 尚 的 感觉 。 
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该 杂志 跨 页 版 面 的 版 面 率 
NS 1 | 1 二 较 低 ， 左 侧 页 面 使 用 分 栏 的 方式 
NS 1 将 版 面 内 容 分 为 4 栏 ， 并 且 在 
uf 每 个 分 栏 中 通过 不 同 的 背景 色 块 
来 区 分 不 同 的 内 容 ， 右 侧 页 面 则 
采用 比较 自由 的 方式 ， 打 破 规则 
的 排版 方式 ， 使 版 面 呈 现 自由 、 
个 性 的 感觉 ， 整 个 跨 页 版 面 的 内 
容 比较 丰满 ， 但 每 部 分 内 容 都 非 
常 清晰 、 有 条 理 。 


FOR 
YOUR CONCERN 








图 5-16 


5.2.4 通过 色彩 属性 进行 版 式 设计 


版 式 设 计 中 需要 使 用 到 不 同 的 色彩 属性 来 进行 处 理 ， 色 彩 的 色相 、 明 度 和 纯度 的 表现 之 间 存 
在 着 一 些 规律 和 差别 。 例 如 ， 以 展示 色相 为 主 的 内 容 ， 需 要 着 重 展 现 每 一 种 色相 的 特点 ， 常 与 较 
为 分 散 的 版 面相 搭配 ; 而 以 明度 差异 的 表现 为 主 的 内 容 ， 可 以 通过 重复 、 专 加 等 编排 方式 来 体现 
不 同 明度 之 间 的 对 比 效果 ; 如 果 是 以 纯度 差异 的 表现 为 主 的 内 容 ， 可 以 选择 同一 种 色相 ， 通 过 寺 
加 等 编排 方式 来 展现 出 不 同 纯度 之 间 细 腻 丰 富 的 层次 变化 。 需 要 注意 的 是 ， 通 常情 况 下 的 设计 作 
品 都 不 止 通过 一 种 色彩 属性 来 表现 , 综合 3 种 色彩 属性 的 设计 能 够 使 版 面 的 效果 更 加 优秀 , 如 图 5-17 
所 示 。 





在 该 网 页 版 面 设计 中 
使 用 绿色 调 作 为 版 面 的 主 色 
调 ， 整 个 网 页 版 面具 有 很 强 
的 整体 感 ， 通 过 绿色 的 明度 
和 纯度 变化 使 版 面 中 的 色彩 
呈现 出 丰富 细腻 的 变化 ， 模 
拟 出 真实 丛林 的 视觉 感 ， 使 
浏览 者 仿佛 置身 于 大 自然 的 
丛林 当中 。 





























91 


版式 设 计 一 一 设计 师 必 备 宝典 


5.3 产品 属性 决定 版 面 配色 


作为 吸引 消费 者 视线 的 第 一 视觉 元 素 ， 产 品 的 配色 可 以 起 到 展现 品牌 形象 和 产品 质量 的 双重 作 
用 ， 成 为 有 效 的 促销 手段 。 通 过 与 众 不 同 的 配色 来 引起 消费 者 的 购买 欲望 是 良好 的 促销 办 法 。 然 而 
不 同 的 产品 有 其 各 自 的 特点 ， 如 果 一 味 地 追求 视觉 冲击 而 忽略 掉 产 品 自身 的 特征 ， 则 会 造成 配色 与 
产品 属性 完全 不 符 的 结果 ， 引 起 消费 者 的 误解 甚至 反感 ， 进 而 对 产品 的 销售 形成 负面 的 影响 。 因 此 ， 
把 握 目 标 产品 的 属性 特征 是 配色 的 关键 。 


5.3.1 消费 群体 决定 版 面 配色 


消费 者 的 年 龄 、 性 别 、 职 业 、 文 化 程度 、 经 济 状况 等 因素 ， 都 会 影响 其 消费 行为 。 而 色彩 是 
品 给 消费 者 的 第 一 印象 ， 因 此 对 色彩 的 选择 ， 需 要 取决 于 产品 所 针对 的 消费 群体 ， 这 样 进 行 色 彩 设 
计 才 可 以 更 容易 抓 住 消费 者 的 心理 ， 并 促进 购买 欲望 ， 如 图 5-18 所 示 。 





该 家 具 画 册 的 版 面 设计 并 没有 针对 特定 的 
群体 ， 而 是 面向 所 有 普通 消费 者 ， 所 以 在 版 
面 设计 上 使 用 了 浅 灰 色 这 种 中 性 的 色彩 作为 
版 面 的 背景 主 色调 ， 尽 量 展现 家 具 产 品 本 身 
的 形态 和 色彩 作为 表现 的 重点 ， 在 排版 设计 
中 则 采用 比较 自由 的 排版 方式 ， 体 现 出 时 尚 、 
个 性 的 风格 。 











图 5-18 











合理 使 用 色彩 可 以 达到 良好 的 宣传 作用 ， 并 且 也 能 树立 良好 的 品牌 形象 。 产 品 的 合理 配色 可 以 
对 消费 者 产生 情感 互动 ， 从 而 带动 消费 行为 。 


5.3.2 产品 导入 期 的 色彩 搭配 

新 的 产品 上 市 ， 还 未 被 一 般 的 消费 者 所 认 知 ， 为 了 加 强 宣传 的 效果 ， 增 加 消费 者 的 记忆 度 ， 需 
要 以 单 色 的 色彩 作为 设计 主 色 ， 尽 量 使 用 色彩 艳丽 一 些 的 色调 ， 以 不 模糊 产品 的 诉求 为 重点 ， 达 到 
产品 的 宣传 效果 ， 如 图 5-19 所 示 。 
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1 
1 
上 该 耳机 产品 的 
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1 

! 该 水 果 饮 料 广 ， 
! 宣传 广告 版 面 设计 ! ! 告 版 面 使 用 与 产品 ! 
1 非常 简洁 ， 使 用 纯 ! ! 包装 颜色 相近 的 黄 ! 
! 度 较 低 的 蓝 色 作为 ! ! 橙色 渐变 作为 版 面 ， 
! 版 面 的 背景 主 色调 ，! ! 的 背景 主 色调 ， 保 ! 
! 在 版 面 中 通过 拟人 ! ! 持 广告 与 产品 包装 ! 
! 的 设计 手法 将 耳机 ! ! 色调 的 统一 ， 鲜 艳 ， 
! 产品 处 理 成 著名 歌 ! ! 的 黄 橙色 能 够 给 入 ! 


1 
! 非常 突出 。 ! 
1 下 





1 欢乐、 愉悦 、 美 味 ， 
1 的 感受 。 
1 
1 


5.3.3 ”产品 发 展期 的 色彩 搭配 


在 发 展期 阶段 ， 消 费 者 已 经 对 产品 有 了 一 定 的 认识 ， 产 品 开始 在 市 场 上 有 了 一 定 的 占有 率 。 为 
了 与 同性 质 的 竞争 者 有 所 区 分 ， 产 品 的 色彩 也 必须 和 对 手 有 所 差异 ， 这 时 就 必须 以 比较 鲜明 、 鲜 艳 
的 色彩 作为 设计 的 重点 ， 如 图 5-20 所 示 。 





1 1 1 1 
1 1 加 1 1 
上 该 女性 化 站， lt 
! 品 广 告 使 用 明度 和 ! 二 ， 富 有 创意 地 使 用 ， 
! 纯度 较 高 的 蓝 色 | ; 六 1 无 彩色 系 的 浅 灰 ! 
! 作为 版 面 的 主 色 ! (全 fF 版面 的 主 ! 
! 调 ， 与 其 他 化 妆 1 上 全 = 二 1 色调 ， 而 只 在 版 | 
! 品 广告 相 区 别 ，| 记者 计生 一 J ， 硬 的 局 部 小 面积 ， 
! 突出 表现 产品 能 ! 量 fi 量 避 沁 点 各 扩 的 恰 色 ，， 
1 够 给 用 户 带 来 的 1 - 此 zh 着 使 得 版 面 的 对 比 
! 清新 、 自 然 、 舒 ! 所 - ! 效果 非常 强 列 ， 1 
1 适 的 感受 。 1 了 | 1 给 人 留 下 深刻 印 | 
1 1 -一 - ! 象 。 
1 1 1 1 
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该 饮料 宣传 网 页 版 面 
使 用 鲜艳 的 蓝 色 作为 网 页 
的 主 色 调 ， 搭 配 高 纯度 的 
绿色 ， 使 整个 网 页 版 面 表 
现 出 清新 、 自 然 的 氛围 ， 
在 网 页 局 部 还 使 用 了 黄 
色 ， 与 产品 本 身 的 色彩 相 
呼应 ， 整 个 页 面 的 色彩 鲜 
明 、 活 跃 ， 给 人 愉悦 的 视 











图 5-20( 续 ) 


5.3.4 ”产品 成 熟 期 的 色彩 搭配 


当 产 品 进入 成 熟 期 后 ， 消 费 者 已 经 非常 熟悉 该 产品 ， 稳 定 和 维持 顾客 对 商品 的 信赖 就 变 得 更 为 
重要 , 所 以 在 设计 中 使 用 的 色彩 必须 是 让 消费 者 感到 安心 , 与 产品 概念 相符 的 色彩 , 如 图 5-21 所 示 。 





上 








! 该 知名 品牌 香 ! 
该 Ap 来 
1 水 广告 使 用 黑色 作 
了 i 1 1 三 名 一 由 | 
1 为 版 面 的 肖 早 主 色 ， ! 的 红色 作为 版 面 的 ! 
! 调 ， 突 出 表现 产品 ! 1 el 
的 高 档 感 ， 丰 版面， 1 镍 ， 训 宇 主 色 油 ， 采 用 ， 
p 3 i COMES WITH 1 简洁 的 设计 风格 ，， 
1 的 局 部 搭配 黄色 ， 1 3 1 在 版 面 中 搭配 产品 1 
! 并 且 使 用 黄色 的 主 ， ! 造型 的 图 片 和 纯 白 ! 
1 题 文字 ， 与 产品 的 | 1 色 文字 ， 有 效 地 加 ! 
! 色调 相 统 一 ， 给 人 ! 人 
J sg pti 1 深 了 该 品牌 在 消费 
一 ! 者 心目 中 的 印象 。 ! 
1 感受 。 1 1 1 

















5.3.5 产品 衰退 期 的 色彩 搭配 


产品 到 了 衰退 期 ， 销 售 量 会 逐渐 下 降 ， 消 费 者 已 经 对 产品 不 再 有 新 鲜 感 ， 随 着 其 他 产品 的 更 新 ， 
更 流行 的 商品 出 现 ， 消 费 者 也 会 慢 慢 开始 转向 。 这 时 候 要 维持 消费 者 对 产品 的 新 鲜 感 ， 便 是 最 大 的 
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重点 。 因 此 ， 所 采用 的 颜色 必须 是 具有 新 意义 的 独特 色彩 或 流行 色 ， 进 行 一 个 整体 的 更 新 ， 这 样 才 
能 使 产品 的 销售 量 提高 ， 如 图 5-22 所 示 。 





NeUVYAL 


TIMELESS: 


ee 该 冰淇淋 广告 版 ! 
THINK PURPLE WITH NOUVAL 1 面 使 用 玫 红 色 作为 版 1 

意 ! 面 的 背景 主 色调 ， 玫 | 
! 红色 是 一 种 非常 女性 
1 化 的 色彩 ， 在 这 里 为 ! 







冰淇淋 广告 使 用 玫 红 | 

1 色 的 主 色调， 能 够 表 ! 

1 口头 1 

更 好 地 吸引 了 读 | 
者 的 好 奇 和 关注 。 和 i 1 
1 感觉 。 1 

1 1 


1 
' 
该 啤酒 宣传 网 页 版 面 使 用 鲜艳 的 黄 绿 ! 

色 和 绿色 相 搭 配 ， 强 调 产品 绿色 、 自 然 、 1! 
健康 的 印象 ， 整 个 网 页 版 面 的 色调 和 谐 、 | 
统一 ， 希 望 能 够 在 消费 者 心目 中 重 塑 该 产 ! 
品 的 形象 。 1 
1 














5.4 ”使 用 色彩 突出 设计 主题 


在 版 面 设计 中 ， 色 彩 的 搭配 与 设计 的 主题 息息相关 ， 良 好 的 色彩 搭配 可 以 使 读者 在 第 一 眼 就 能 
大 致 感受 到 设计 主题 所 要 表现 的 氛围 和 感觉 。 


5.4.1 使 用 正确 的 色彩 传达 版 面 主题 


展现 设计 主题 的 元 素 除了 主要 的 图 形 和 文字 之 外 ， 色 彩 也 是 重要 的 元 素 。 在 图 文 都 符合 主题 
情况 下 ， 如 果 色 彩 搭配 出 现 了 错误 ， 就 无 法 正确 传达 版 面 的 信息 ， 如 图 5-23 所 示 。 
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部 洒洒 ] 


| 


]rr[ 卡 狂 





该 画册 的 内 页 版 面 设计 以 美食 为 主题 ， 1 1 将 该 画册 页 面 版 面 的 色调 调整 为 鲜艳 明 | 
! 但 低 纯 度 的 浊 色 调 给 和 人 灰暗、 陈旧、 不 新 鲜 _，， 亮 的 色调 ， 美 食 的 新 鲜 程度 和 美味 的 感觉 就 立 | 
! 的 感觉 ， 完 全 没有 体现 出 美食 的 新 鲜 、 诱 人 ! ! 刻 展现 了 出 来 ， 整 个 版 面 令 人 感受 到 美食 所 带 
1 
1 1 


| 的 色泽 ， 无 法 令 读者 感受 到 食物 的 美味 。 ! 来 的 满足 感 和 愉悦 感 ， 给 读者 诱惑 的 感觉 。 


ETIXEITTIITTIIETTTTTTT 





将 该 促销 海报 的 蓝 色调 修改 为 代表 圣诞 
节 欢 乐 气氛 的 红色 , 表现 出 热情 、 温 暖 的 感觉 ， 
并 配合 白色 的 主题 文字 以 及 红色 的 圣诞 帽 等 ， 
表现 出 圣诞 节 那 种 令 人 欢心 雀跃 的 气氛 。 


该 网 页 促销 海报 的 主题 是 圣诞 节 的 优惠 
促销 活动 ， 然 而 使 用 蓝 色 作为 版 面 的 主体 色 
调 丝 毫 无 法 让 人 感受 到 节日 的 氛围 ， 反 而 使 
整体 氛围 显得 非常 冷清 。 














5.4.2 色彩 与 主题 的 搭配 


版 面 设计 中 的 色彩 应 该 与 设计 的 主题 相配 合 ， 以 烘托 出 版 面 所 营造 的 氛围 ， 强 化 设计 所 要 传达 
的 信息 ， 仿 读者 产生 心理 上 的 共鸣 ， 从 而 达到 成 功 宣传 的 目的 ， 如 图 5-24 所 示 。 
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y 这 是 一 种 苹果 口 味 | 1 4853Nrrztpumr 四 
总 p 进 

! 饮 料 的 广告 版 面 设计 ，! 国生 < 人 tt 
主要 是 要 展现 该 饮料 的 | Rd 
! 口 味 以 及 清新 爽口 的 特 ! la 到， i 
1 | ! 体现 出 巧克力 饼 
1 点 ， 因 此 版 面 使 用 浅 绿 1 1 Sr 
1 站 1! 干 的 浓 香 ， 以 及 
1 色 作 为 主 色调 ， 搭 配 少 ， A 


! 量 的 白色 和 黄色 ， 表现 
1 出 透气 、 清爽 的 感觉 。 ! 


! 受 ， 深 化 了 主题 。1 
1 1 






该 杂志 版 面 使 用 蓝 
! 色 和 白色 垂直 分 割 版 面 ， 
| 配合 黑色 和 白色 的 主题 文 ， 
! 字 ， 符 合 女性 中 性 化 装扮 ! 
| 的 主题 ， 给 人 利落 、 帅 气 1 、 
! 和 酷 酷 的 感觉 ， 与 版 面 所 ! 
1 要 表现 的 主题 相符 。 


变频 空气 洗 
ese 


5.5 色彩 在 不 同 版 面 中 的 应 用 


在 不 同 的 版 式 设计 中 , 色彩 的 应 用 会 有 一 些 差 异 。 例如 由 于 传播 媒介 的 不 同 , 即使 是 同类 的 产品 ， 
也 可 能 会 在 色彩 的 配置 上 出 现 不 同 的 表现 。 


5.5.1 根据 媒体 选择 不 同 的 色彩 搭配 


不 同 的 传播 媒介 之 间 存 在 着 版 面 结构 的 差异 ， 同 时 也 存在 着 色彩 使 用 的 差异 。 例 如 ， 常 规 的 书 
籍 ， 其 内 容 是 以 文字 为 主 的 ， 因 此 版 面 中 的 色彩 不 可 以 太 过 花哨 ， 否 则 会 影响 正常 的 阅读 ; 而 时 尚 
杂志 内 容 丰 富 , 信息 量 大 , 则 需要 较为 丰富 的 色彩 来 进行 配合 ,否则 会 使 版 面 看 起 来 过 于 单调 、 乏 味 。 
如 图 5-25 所 示 为 根据 媒体 选择 不 同 的 色彩 搭配 。 
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网 页 设计 中 的 色彩 分 布 通常 有 较为 明 
的 区 分 ， 从 而 保证 浏览 页 面 时 能 够 快速 
确 地 区 分 不 同 的 内 容 。 在 该 网 页 版 式 中 
用 蓝 色 作为 版 面 的 主 色调 ,表现 出 清 亚 、 
适 的 感受 ， 在 版 面 中 为 各 种 不 同 的 产品 
标题 使 用 不 同 的 鲜艳 色彩 进行 区 分 ， 很 好 
地 划分 了 版 面 中 不 同 产品 的 介绍 内 容 ， 也 
使 版 面 表现 出 欢乐 的 氛围 。 


三 二 | 
| 
完 物 因 能 险 护 平台 :rn 










DM 宣传 页 的 色彩 运用 关键 在 于 , 主要 的 色彩 会 在 每 个 页 面 中 都 出 现 , 从 而 保证 整体 的 统一 感 。 


1 1 
1 在 该 DM 三 折 页 的 版 式 设计 中 ， 使 用 浅 灰色 作为 版 面 的 背景 主 色调 ， 在 折 页 的 各 个 页 面 中 都 运用 | 
| 了 楼 色 ， 无 论 是 背景 、 色 块 还 是 文字 的 颜色 ， 这 样 就 保证 了 整体 色调 的 统一 性 。 } 


cy 海报 的 版 面 配色 通常 比较 具有 整体 感 ， 颜 | 
SEN 色 的 分 布 不 会 太 过 分 散 。 pearing , 
ONARMAYI 面 中 使 用 浅 蓝 色 作 为 版 面 的 背景 主 色调 , 给 人 | 
一 种 清凉 、 舒 爽 的 感受 。 在 哲 醒 虐 部 撕 各 深信 
1 
1 
1 
1 
1 


DOVE'A 


色 的 弧 状 曲线 图 形 ， 并 且 版 面 中 的 部 分 文字 同 
样 使 用 了 深蓝 色 ， 与 底部 的 图 形 形 成 呼应 ， 整 
个 版 面色 调 统一 。 
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5.5.2 色彩 在 版 面 中 的 导向 性 


色彩 除了 丰富 版 面 、 传 达 主 题 等 作用 之 外 ， 还 具备 引导 视觉 流程 的 作用 。 在 版 面 设计 中 ， 通 过 
对 色彩 的 位 置 、 方 向 、 形 态 等 特征 的 安排 ， 使 色彩 具备 了 指引 的 作用 ， 也 使 得 版 面 的 视觉 流程 更 加 
清晰 、 流 畅 。 这 样 一 来 ， 重 点 的 内 容 就 更 容易 引起 读者 注意 。 如 图 5-26 所 示 为 色彩 在 版 面 中 导向 
性 的 应 用 。 


Ne 在 该 网 页 版 式 设计 中 ， 每 段 文 字 内 容 的 标题 文字 都 ， 
使用 了 与 大 广告 相同 的 查 色 ， 并 且 为 各 部 分 内 容 明 确 | 
a 1 划分 了 相应 的 区 域 ， 对 读者 进行 提示 ， 引 导读 者 从 左 至 ! 
! 右 阅读 文字 信息 内 容 。 












在 该 版 式 设 计 中 使 用 了 红色 、 橙 色 、 
浅黄 色 和 绿色 4 种 颜色 作为 主要 的 版 面 配 
色 ， 其 中 楼 色 的 色 块 连接 成 一 条 曲线 ， 引 
导读 者 按照 路 径 所 指引 的 方向 来 阅读 版 面 
中 的 内 容 ， 避 免 了 内 容 过 多 过 细 而 造成 阅 
读 顺序 的 混乱 。 














5.6 ”使 用 色彩 表现 版 面 的 空间 感 


色彩 是 表现 版 面 空间 感 的 重要 元 素 ， 色 彩 与 色彩 之 间 的 属性 差别 和 色调 差别 ， 形 成 了 版 面 中 丰 
富 的 层次 感 以 及 空间 感 ， 令 版 面 更 具有 表现 力 。 


5.6.1 冷暖 色 系 表现 版 面 空间 感 


单纯 的 冷色 系 色彩 搭配 或 暖色 系 色彩 搭配 ， 能 够 给 读者 非常 明确 的 冷暖 心理 感受 。 这 不 仅 使 版 
面 的 主题 印象 更 加 明显 ， 也 可 以 表现 出 版 面 的 空间 感 ， 主 要 是 利用 暖色 或 冷色 之 间 的 色相 、 明 度 、 
纯度 等 方面 ,通过 并 置 、 赤 加 等 编排 方式 来 实现 。 如 图 5-27 所 示 为 使 用 冷暖 色 系 来 表现 版 面 的 空间 感 。 
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1 
该 杂志 封 ! 
1 面 的 版 式 设计 | 
1 属于 冷色 系 配 ! 
! 色 ， 主 要 通过 
1 不 同 蓝 色 之 间 ， 
! 微妙 的 色相 差 ! 
! 异 和 明度 、 纯 1 
! 度 之 间 的 对 比 
! 关系 来 体现 版 ! 
! 面 的 空间 感 。 


LOT | 同时 扣 
和 mA ADTICIAC 


该 啤酒 产品 广 1 
告 的 版 式 设计 属于 | 
: 暖色 系 配 色 ， 主 要 : 
I 是 通过 黄色 与 红楼 | 
: 色 之 间 的 色相 、 明 . 
l 度 和 面积 差异 ， 并 1 
1 运用 了 赦 加 等 方法 ， 
使 版 面 表现 出 较 好 
| 的 空间 感 。 





该 电子 杂志 版 面 的 设计 属于 冷色 系 配色 ,1 该 杂志 版 面 属于 暖色 系 配色 ， 主要 通过 1 

! 主要 是 通过 不 同 明度 和 纯度 的 蓝 色 的 变化 来 !! 棕 红 色 、 浅 黄色 之 间 明 度 的 变换 ， 使 版 面具 ! 

! 表现 出 版 面 的 空间 感 。 ! ! 有 一 定 的 空间 感 。 1 

se 国 S3N 
5.6.2 同类 色 表 现 版 面 空间 感 


同类 色 主 要 是 指 在 同一 色相 中 呈现 出 的 不 同 颜色 ， 其 
类 中 有 深 红 、 紫 红 、 玫 瑰 红 、 大 红 、 粉 红 、 朱 红 等 种 类 
彩 明度 的 差别 ， 使 用 低 明度 色彩 表现 远景 ， 高 明度 色彩 表 








主要 的 色彩 倾向 都 比较 接近 。 例 如 ， 红 色 
。 同 类 色 的 色相 之 间 差 距 较 小 ， 可 以 运用 色 
现 近 景 ， 形 成 远近 空间 感 ; 也 可 以 利用 色 





彩 的 前 进 和 后 退 感 ， 用 高 纯度 的 色彩 表现 近景 ， 用 低 纯度 色彩 表现 远景 ， 以 营造 


如 图 5-28 所 示 为 使 用 同类 色 进 行 配色 的 版 式 设计 。 
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版 面 的 空间 层次 感 。 
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该 手机 海报 版 式 设计 是 以 紫色 为 主 的 同类 色 进 行 ! 1 该 纯净 水 广告 使 用 蓝 色 作为 版 面 的 主体 ! 
配色 ， 主 要 使 用 了 浅 紫色 、 粉 紫色 、 蓝 紫色 、 深 紫色 | ， 色调 ， 通 过 蓝 色 的 同类 色 进 行 搭配 ， 主 要 使 | 








重 秋 编 排 ， 从 而 体现 出 版 面 丰 富 的 层次 感 和 空间 感 ， | | 体现 版 面 的 空间 感 ， 使 整个 广告 版 面 呈 现 出 
从 而 更 好 地 突出 手机 产品 的 表现 效果 。 1 1 统一 而 富有 变化 的 视觉 效果 。 





1 
1 
1 
! 等 色彩 之 间 的 明度 差 以 及 微妙 的 色相 差 ， 将 色彩 进行 ，! 用 浅 蓝 色 和 深蓝 色 之 间 的 明度 差 和 纯度 差 来 ! 
1 
1 
1 


5.6.3 ”对 比 色相 表现 版 面 空间 感 


在 版 式 设计 中 运用 对 比 色相 的 方法 来 表现 空间 感 ， 可 以 使 用 更 加 灵活 的 处 理 方法 。 通 过 对 比 色 
相 之 间 的 冷暖 、 明 度 、 面 积 、 形 态 等 方面 的 差异 ， 形 成 前 进 、 后 退 、 重 区 等 视觉 效果 ， 使 版 面具 有 
丰富 的 层次 感 和 空间 感 。 同 时 ， 色 相 之 间 差 异 效 果 的 对 比 ， 要 比 同类 色 等 较为 类 似 的 色彩 搭配 更 具 
变化 感 ， 版 面 效 果 更 加 生动 。 如 图 5-29 所 示 为 使 用 对 比 色 进行 配色 的 版 式 设计 。 


= autodily-nd® Ml 








i 

1 

| 

1 在 该 网 页 的 版 式 设计 中 使 用 了 较 多 的 色 
， 彩 进 行 搭配 ， 但 毫 不 杂乱 。 将 较为 鲜艳 的 多 种 
! 色彩 全 部 集中 放置 在 页 面 的 上 半 部 分 ， 而 下 半 
下 

下 

1 

i 





部 分 则 使 用 了 纯度 较 高 的 蓝 色 ， 上 下 两 部 分 形 
成 了 明显 的 视觉 层次 和 空间 感 。 
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在 该 产品 宣传 画册 的 跨 页 版 式 设计 中 ， 色 
相 的 对 比 效果 更 为 明显 。 左 侧 页 面 与 右 侧 页 面 原 
本 为 同一 场景 ， 而 设计 者 将 左 侧 页 面 与 右 侧 页 面 
中 的 产品 分 别 使 用 强 对 比 的 蓝 色调 和 红色 调 进行 
处 理 ， 使 页 面 产生 强烈 的 色相 对 比 效 果 ， 有 效 地 
突出 了 产品 的 表现 以 及 整个 版 面 的 空间 感 。 

















图 5-29( 续 ) 


5.7 ”使 用 色彩 突出 版 面 的 对 比 效果 


缺乏 对 比 的 版 式 设计 容易 给 人 单调 、 乏 味 的 印象 ， 适 当 的 对 比 可 以 活跃 版 面 。 利 用 色彩 搭配 表 
现 版 面 的 对 比 效果 是 其 中 一 种 重要 的 方式 。 


5.7.1 利用 色彩 突出 版 面 中 的 重要 信息 


运用 色彩 对 比 可 以 对 版 面 中 的 重要 信息 进行 突出 显示 ， 念 读者 能 够 快速 准确 地 将 目光 定位 在 重 
点 的 内 容 上 ， 达 到 有 效 传达 信息 的 作用 。 主 要 利用 色彩 之 间 的 色相 、 明 度 、 纯 度 和 色调 之 间 的 差异 
性 来 表现 ， 这 是 色彩 设计 中 十 分 常见 的 表现 手法 。 如 图 5-30 所 示 为 利用 色彩 突出 版 面 中 重要 信息 的 
表现 方式 。 








在 该 网 页 版 式 设计 中 ， 使 用 蓝 色 作 为 页 
面 的 背景 主 色调 ， 整 体 给 人 感觉 清爽 、 自 然 ， 
版 面 中 的 广告 标语 则 使 用 了 与 蓝 色 形 成 鲜明 
对 比 的 红色 背景 和 黄色 文字 ， 广 告 标语 在 版 
面 中 的 显示 效果 十 分 醒目 ， 强 烈 的 色彩 对 比 
使 得 广告 语 在 页 面 中 十 分 引 人 注 目 。 

















》》》102 


在 该 杂志 版 面 ， 
! 的 设计 中 ， 版 面 中 
! 的 满 版 背景 图 片 属 | 
! 于 纯度 和 明度 都 比 | 



















5.7.2 利用 色彩 突出 版 面 主体 


5-30( 续 ) 
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! ed 
1 计 中 ， 使 用 蓝 色 作为 背 

! 景 ， 为 了 丰富 版 面 的 表 
! 现形 式 以 及 突出 主题 重 ! 
! 点 的 表现 ， 将 主题 中 的 | 
! 重点 文字 设置 为 橙色 ， 
1 并 且 占 据 版 面 较 大 的 面 1 
! 积 ， 与 背景 形成 对 比 ，! 
! 并 且 主 题 的 不 规则 编 ! 
! 排 ， 都 强化 了 版 面 主题 ， 


! 1 的 表现 。 1 


























为 了 突出 版 面 中 的 主体 元 素 ， 常 常 通过 将 其 放置 在 版 面 的 重心 位 置 ， 并 放大 其 面积 ， 以 及 在 主 
体 元 素 周 围 大 面积 留 白 等 编排 方式 来 达到 目的 。 除 了 上 述 的 这 些 方法 ， 利 用 版 面色 彩 之 间 的 对 比 来 
突出 主体 也 是 一 种 经 常 使 用 的 有 效 方 法 。 主 要 通过 不 同色 彩 之 间 的 色相 、 明 度 、 纯 度 和 色调 之 间 的 


差异 来 表现 。 如 图 5-31 所 示 为 利用 色彩 突出 版 面 中 的 主体 。 




















在 该 产品 宣传 网 页 
中 ， 主 体 对 象 是 位 于 版 
面 中 的 饮料 产品 ， 主 体 
对 象 的 色相 比较 丰富 ， 
主要 表现 为 黄色 、 蓝 
和 红色 。 为 了 能 够 突出 
版 面 中 主体 产品 的 表现 
效果 ， 页 面 背景 使 用 了 
无 彩色 的 灰色 作对 比 ， 
有 彩色 与 无 彩色 的 对 
比 ， 突 出 表现 了 版 面 中 
的 主体 产品 。 
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1 和 和 _ 志 广告 版 Ei Le Sen 于 2 在 该 饮料 海报 1 


ultime du fruit 




































1 

1 

! 式 设计 中 同样 是 使 用 ! ' 的 上流 中 ,合用 ， 

| 无 彩色 与 有 彩色 进行 ! 委 ! 浅 蓝 色 和 绿色 作为 版 ! 

! 对 比 ， 使 用 浅 灰色 作 ! 过 1 面 的 背景 色调 ， 突 出 1 

上 ! 为 版 面 背景 主 色调 ，! : ， 才 现 清 现 、 自 然 的 感 

/> | 在 版 面 中 间 位 置 放置 | | 受 ， 而 在 版 面 中 间 ! 

人 人 ee ! 位 置 放置 红色 包装 ! 

| so | | 版 面 的 对 比 效果 并 不 ! 5 ! 的 产品 图 片 ， 与 背 | 
人 司 国 到 ! 是 很 强烈 ， 但 这 正 是 ! A 茵 ! 景 形成 对 比 ， 既 深化 ! 

> 一 1 产品 所 要 表现 的 温 ! 1 了 主题 ， 也 突出 了 
-让 | ! 杰 、 优雅 的 感受 。 b | 产品 的 表现 。 | 
一 Gl 和 ZE i De tke 和 J 


图 5- j( 续 ) 


5.7.3 利用 主 次 色调 强调 版 面 的 节奏 感 


版 式 设计 中 通常 会 以 一 种 色调 作为 主要 的 色调 ， 但 如 果 所 有 的 元 素 都 只 使 用 一 种 色调 来 表现 ， 
就 很 容易 给 人 沉闷 、 单 一 、 平 淡 的 感觉 。 因 此 ， 除 了 主 色调 之 外 ， 往 往 还 会 有 一 种 次 要 的 辅助 色调 ， 
从 而 形成 版 面 中 的 色彩 对 比 ， 使 得 版 面 整体 富有 变化 、 节 奏 感 和 生动 感 ， 同 时 还 能 起 到 突出 主体 的 
作用 。 如 图 5-32 所 示 为 利用 主 次 色调 强调 版 面 的 节奏 感 。 

















该 海报 的 版 式 设计 以 黑暗 的 
色调 为 主 ， 为 了 避免 沉重 ， 将 版 面 
中 的 重点 内 容 处 理 成 鲜艳 明亮 的 色 
调 ， 突 出 了 主题 的 表现 ， 并 且 使 版 
面具 有 了 很 强烈 的 视觉 冲击 力 ， 更 


能 感染 受众 。 
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1 
| 
该 宣传 画册 的 跨 页 版 面 使 用 满 版 的 
背景 图 片 作为 版 面 的 背景 ， 背 景 图 片 属 
于 纯度 很 低 的 浊 色 调 ， 到 个 版 面 给 人 比 
较 低调 的 感觉 ， 这 样 的 色调 容易 造成 过 
于 平淡 死板 的 印象 ， 因 此 在 版 面 中 为 相 
应 的 文字 设置 为 鲜艳 的 查 色 调 ， 使 版 面 
出 现 一 些 亮色 ， 打 破 了 沉默 。 ' 
1 
1 
1 


在 该 汽车 海报 的 版 式 设计 中 ， 运 用 了 
两 种 色调 ， 作 为 主体 的 汽车 使 用 了 非常 鲜 
艳 的 蓝 色 调 ， 成 为 版 面 中 的 重点 ， 而 版 面 
中 的 其 他 元 素 都 使 用 了 比较 浑浊 的 色调 ， 
与 主体 色调 形成 强烈 的 对 比 ， 令 主体 图 形 
的 表现 更 加 突出 。 
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在 当今 社会 中 ， 卡 片 作为 一 种 基本 的 交际 工具 在 商业 活动 
甚至 日 常生 活 中 被 人 们 广泛 使 用 。 卡 片 的 种 类 有 很 多 ， 最 常见 
的 就 是 名 片 和 各 种 会 员 卡 。 卡 片 作为 个 人 或 企业 的 形象 代表 ， 
除了 需要 用 简要 的 方式 向 受众 介绍 个 人 或 企业 服务 之 外 ， 还 需 
要 通过 独特 的 设计 和 清晰 的 思路 来 达到 宣传 的 目的 。 

本 章 将 向 读者 介绍 卡片 版 式 设计 的 相关 知识 和 内 容 ， 并 通 
过 商业 案例 的 分 析 讲解 ， 使 读者 能 够 更 加 深入 地 理解 卡片 的 版 
式 设 计 方 法 和 技巧 。 


--- D+ 








Hello, nice to eer > 


第 6 章 卡片 的 版 式 设计 IE 


6.1 卡片 版 式 设计 概述 


卡片 设计 不 同 于 一 般 的 平面 设计 ， 大 多 数 平面 设计 的 幅面 较 大 ， 给 设计 师 以 足够 的 表现 空间 ; 
卡片 则 不 然 ， 它 只 有 小 小 的 幅面 设计 空间 ， 所 以 这 就 要 求 设计 师 在 保证 信息 内 容 完整 的 前 提 下 也 要 
考虑 美观 度 的 问题 。 


6.1.1 卡片 的 常用 尺寸 


按照 卡片 的 外 形 尺寸 ， 可 以 分 为 标准 卡片 ， 标 准 卡片 的 尺寸 为 90mm x54mm( 方 角 )、 
85mm x 54mm( 圆 角 ); 窄 形 卡片 , 窗 形 卡片 的 尺寸 为 90mm x 50mm 和 90mm x 45mmn 折 笃 卡片， 
折 芭 卡片 的 尺寸 为 90mm x 95mm 和 145mm x 50mm; 异形 卡片 ， 异 形 卡 片 的 尺寸 则 没有 严格 的 
规定 ， 其 中 最 常见 的 是 标准 卡片 。 如 图 6-1 所 示 为 标准 卡片 和 折 翅 卡片 的 效果 。 
er - EE- 





A 
提 为 了 保证 卡片 印刷 成 品 的 质量 ， 在 软件 中 设计 卡片 时 需要 为 卡片 的 四 边 各 预 留 2mm 至 3mm 的 
不 出 血 区 域 ， 以 便 印刷 后 的 裁 切 操作 。 


baneme 和 ee 


6.1.2 卡片 的 设计 流程 


卡片 作为 一 个 人 、 一 种 职业 的 独立 媒体 ， 在 设计 上 要 讲究 其 艺术 性 ， 但 它 同 艺术 作品 又 有 明显 
的 区 别 ， 卡 片 在 大 多 数 情况 下 不 会 引起 人 的 专注 和 追求 。 卡 片 最 重要 的 作用 是 便于 记忆 ， 具 有 更 强 
的 识别 性 ， 让 人 在 最 短 的 时 间 内 获得 所 需要 的 信息 。 卡 片 的 设计 必须 做 到 文字 简明 扼要 、 字 体 层次 
分 明 、 设 计 感 强 、 风 格 新 颖 ， 如 图 6-2 所 示 为 设计 出 色 的 不 同类 型 卡片 。 
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图 6-2 


1. 了 解 卡片 信息 

(1) 了 解 名 片 持 有 者 的 身份 、 职 业 。 

(2) 了 解 名 片 持 有 者 的 所 属 单位 及 其 性 质 、 职 能 。 

(3) 了 解 名 片 持 有 者 及 所 属 单位 的 业务 范畴 。 

(4) 如 果 是 非 名 片 之 外 的 其 他 卡片 ， 则 需要 了 解 该 卡片 的 主要 用 途 。 
2. 独特 的 构思 

独特 的 构思 来 源 于 对 设计 的 合理 定位 ， 对 名 片 的 持 有 者 及 单位 的 全 面 了 解 。 一 个 好 的 名 片 构思 
经 得 起 以 下 几 个 方面 的 考核 。 

(1) 是 否 具有 视觉 冲击 力 和 可 识别 性 。 

(2) 是 否 符合 媒介 主体 的 工作 性 质 和 身份 。 

(3) 是 否 新 颖 、 独 特 。 

(4) 是 否 符合 持 有 人 的 业务 特性 。 
3. 设计 定位 

根据 前 面 所 述 的 几 个 方面 来 确定 卡片 设计 的 构图 、 字 体 、 色 彩 等 。 


6.2 卡片 版 式 的 编排 特点 


卡片 设计 的 版 式 有 别 于 其 他 平面 设计 作品 的 编排 ， 根 据 卡 片 的 尺寸 、 外 形 以 及 内 容 的 特征 ， 版 
面 编排 一 般 采 用 简洁 、 大 方 的 模式 。 


6.2.1 卡片 的 构成 元 素 
卡片 设计 的 构成 元 素 是 指 构成 卡片 的 各 种 素材 ， 一 般 包括 Logo、 装 饰 图 案 和 文字 等 ， 可 以 将 这 
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些 构成 元 素 大 致 分 为 两 大 类 : 造型 构成 元 素 和 方案 构成 元 素 ， 如 图 6-3 所 示 。 


企业 Logo 与 名 称 一 | a。 
i 


ee 辅助 图 案 


联系 所 二 : 13856900000 

电子 名 箱 : huayi@tfoxmail com 
公司 网 址 : httpy/Www.HuaYicom.m | 
公司 地 址 ; 北京 市 贡 阳 区 百花 路 77 号 | 







图 6-3 


1. 造型 构成 元 素 
轮廓 ， 卡片 的 形状 ， 大 多 数 卡 片 都 是 矩形 或 圆 角 和 矩形 的 ， 也 会 有 各 种 追求 个 性 的 异形 卡片 。 
标志 : 企业 Logo 或 使 用 图 案 与 文字 设计 并 注册 的 商标 。 
图 案 : 形成 卡片 特有 风格 和 结构 的 各 种 辅助 图 形 、 色 块 与 素材 。 
2. 方案 构成 元 素 
(1) 名 片 持 有 者 的 姓名 和 职务 。 
(2) 名 片 持 有 者 的 单位 及 地 址 。 
(3) 其 他 各 种 类 型 卡片 的 名 称 。 
(4) 通信 方式 。 
(5) 业务 领域 或 服务 范围 等 信息 。 


6.2.2 卡片 版 式 的 构图 方式 

卡片 的 构图 通常 有 模版 构图 、 竖 版 构图 、 稳 定 构图 、 长 方形 构图 、 椭 贺 形 构图 、 半 圆 形 构图 、 
三 角形 构图 、 标 志文 案 左 右 对 分 构图 、 斜 置 构图 、 轴 线 构图 、 中 轴线 构图 、 不 对 称 铀 线 构图 等 多 种 方式 。 
如 图 6-4 所 示 为 采用 竖 版 构图 和 半圆 形 构图 的 卡片 。 


6.2.3 ”卡片 的 视觉 流程 
一 个 好 的 卡片 设计 ， 需 要 符合 合理 的 视觉 流程 ， 合 理 的 视觉 流程 应 该 具有 以 下 两 个 特点 。 
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1. 主题 突出 

画面 中 的 视觉 中 心 往往 是 对 比 最 强 的 地 方 ， 要 增强 画面 的 对 比 ， 就 要 把 握 这 样 几 个 方面 : 面积 
对 比 、 纯 度 对 比 、 明 度 对 比 、 色 相对 比 、 补 色 对 比 、 动 静 对 比 、 具 象 与 抽象 对 比 等 ， 并 且 通 过 阅读 
习惯 来 确定 主题 的 位 置 。 
2. 视觉 流程 明确 ， 层 次 分 明 

卡片 的 视觉 流程 顺序 受 视觉 的 主 从 关系 影响 ， 通 常 卡片 的 视觉 中 心 是 卡片 的 主题 ， 其 次 是 主题 
的 辅助 说 明 ， 最 后 是 标志 和 图 案 。 如 果 是 横 版 构图 ， 人 的 视线 是 左右 流动 的 ; 如 果 是 坚 版 构图 ， 人 
的 视线 就 是 上 下 流动 的 。 如 图 6-5 所 示 为 设计 出 色 的 卡片 效果 。 




















6.2.4 卡片 版 式 的 设计 要 求 


卡片 设计 的 基本 要 求 应 该 强调 三 个 字 : 简 、 功 、 易 。 
简 : 卡片 传递 的 主要 信息 要 简明 清晰 ， 构 图 完整 明了 。 
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功 : 注意 质量 、 功 效 ， 尽 可 能 使 所 传递 的 信息 明确 。 
易 : 便于 记忆 ， 易 于 识别 。 
除了 以 上 3 点 基本 要 求 之 外 ， 还 可 以 在 以 下 几 个 方面 对 卡片 设计 提出 要 求 。 


i 设计 简洁 、 突出 重点 信息 

卡片 最 重要 的 信息 就 是 上 面 的 文字 信息 ， 用 户 可 以 通过 这 些 文字 了 解 到 个 人 和 企业 的 相关 信息 
内 容 ， 以 及 如 何 与 卡片 的 主人 取得 联系 。 使 用 简洁 的 设计 风格 可 以 最 大 程度 突出 这 些 文字 信息 内 容 ， 
让 别人 能 够 更 快 地 记 住 卡片 中 的 信息 。 

在 卡片 设计 中 可 以 使 用 大 量 的 留 白 来 体现 这 种 简洁 ， 但 留 白 不 一 定 是 纯 白色 。 此 外 还 要 注意 文字 和 
背景 的 对 比 应 该 足够 大 , 还 可 以 把 文字 设计 得 更 漂亮 、 更 醒目 一 些 。 如 图 6-6 所 示 为 一 些 设计 简洁 的 卡片 。 


办 
二 


® 





图 6-6 


2. 个 性 、 与 众 不 同 

如 果 要 做 到 与 众 不 同 ， 首 先 必须 要 做 好 定位 ， 卡 片 的 风格 要 与 公司 或 持 有 者 的 形象 、 职 务 、 业 
务 领域 相 协 调 。 其 次 ， 还 要 设计 得 独特 有 趣 一 些 ， 例 如 可 以 将 卡片 设计 成 不 规则 的 形状 ， 或 者 设计 
成 折 芭 式 的 ， 从 而 给 人 留 下 深刻 的 印象 。 如 图 6-7 所 示 为 一 些 富有 个 性 的 卡片 。 





| 


图 6-7 
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3. 体现 趣味 和 时 尚 性 

一 张 构思 精妙 、 细 节 完 善 的 卡片 会 给 持 有 者 增色 不 少 ， 能 够 给 客户 留 下 深刻 的 印象 ， 吸 引用 户 
的 注意 力 。 现 在 很 流行 将 名 片 设计 成 为 与 自己 职业 有 关 的 物体 ， 例 如 厨师 的 刀 叉 、 理 发 师 的 梳子 、 
歌手 的 麦克 风 等 ， 这 样 的 设计 会 使 得 卡片 紧 跟 时 代 潮 流 ， 具 有 很 强 的 趣味 性 。 如 图 6-8 所 示 为 一 些 
有 趣 、 时 尚 的 卡片 。 





4. 多 使 用 色彩 和 图 像 
卡片 有 正 反 两 面 ， 可 以 将 一 面 设计 得 丰富 多 彩 一 些 ， 多 使 用 一 些 色 彩 、 图 像 和 图 形 ， 另 一 面 设计 
得 简洁 一 些 , 用 于 传递 信息 , 这 样 就 可 以 保证 卡片 既 有 较 强 的 视觉 吸引 力 , 又 非常 实用 , 如 图 6-9 所 示 。 





6.3 ”企业 名 片 的 版 式 设计 


名 片 设计 以 直观 、 简 洁 为 主 ， 从 而 突出 名 片 中 的 信息 内 容 ， 可 以 使 用 纯色 作为 名 片 版 面 的 背景 ， 
也 可 以 使 用 一 些 辅助 性 的 背景 纹理 图 案 来 突出 版 面 的 整体 视觉 表现 效果 ， 重 点 还 是 需要 表现 出 直观 、 
大 方 的 整体 视觉 效果 。 
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6.3.1 项 目 分 析 


本 案例 设计 的 是 一 款 房地产 企业 名 片 ， 在 名 片 背景 的 处 理 中 使 用 三 角形 的 拼接 组 成 一 种 富有 现 
代 感 的 几何 背景 纹理 ， 名 片 中 的 内 容 左右 放置 ， 左 侧 为 企业 Logo、 名 称 和 宣传 口号 ， 右 侧 为 持 有 人 
的 相关 信息 ， 中 间 以 竖 线 分 割 ， 合 理 的 文字 布局 不 仅 使 整个 名 片 内 容 的 表现 更 加 完整 ， 而 且 能 够 更 
好 地 突出 企业 的 形象 。 本 案例 所 设计 的 企业 名 片 的 最 终 效果 如 图 6-10 所 示 。 





























图 6-10 


一 般 情况 下 ， 名 片 设计 中 所 使 用 到 的 素材 以 简洁 为 主 ， 不 会 特别 复杂 ， 在 本 案例 中 所 使 用 到 的 
素材 主要 是 企业 Logo 标志 和 背景 中 的 三 角形 背景 纹理 ，Logo 标志 主要 用 于 体现 企业 品牌 和 形象 ， 
三 角形 背景 纹理 是 辅助 素材 ， 主 要 是 为 了 丰富 名 片 版 面 的 整体 表现 效果 ， 使 名 片 的 表现 效果 更 加 富 
有 现代 感 。 本 案例 设计 的 企业 名 片 所 使 用 的 素材 如 图 6-11 所 示 。 


FASN 
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6.3.2 配色 分 析 


本 案例 所 设计 的 房地产 企业 名 片 的 正面 和 背景 使 用 了 不 同 的 主 色调 ， 名 片 正面 使 用 接近 白色 的 
浅 灰色 作为 版 面 的 背景 主 色调 ， 浅 灰色 能 够 给 人 一 种 纯净 、 简 洁 和 高 档 的 感觉 ， 在 浅 灰色 的 背景 中 
搭配 棕色 的 文字 ， 体 现 出 一 种 高 档 和 华贵 的 气质 。 名 片 背景 使 用 深蓝 色 作 为 主 色 调 ， 同 样 搭配 棕色 
的 文字 ， 显 得 沉稳 、 大 气 。 正 面 和 背景 使 用 不 同 的 色彩 ， 能 够 很 好 地 进行 区 分 ， 给 人 带 来 不 同 的 视 


觉 效 果 。 


RGB(246、246、246) ”RGB(149、99、61) RGB(18、41、80) 
CMYK(4、 3、 3、 0) CMYK(47、66、82、6) CMYK(100、 94、 53、 24) 


6.3.3 设计 思路 


所 房地产 企业 属于 比较 严肃 、 正 统 的 企业 ， 因 此 在 创建 设计 文档 时 需要 按 标准 的 名 片 尺 十 
90mm x 54mm 进行 创建 ， 并 且 需 要 为 四 边 各 预 留 3mm 的 出 血 区 域 ， 如 图 6-12 所 示 。 

2 为 了 使 名 片 版 面 的 表现 更 加 丰富 ， 我 们 为 该 名 片 背景 应 用 比较 富有 现代 感 的 几何 形状 纹理 ， 
这 样 的 纹理 背景 可 以 从 网 络 中 下 载 ， 也 可 以 在 设计 软件 中 进行 绘制 ， 如 图 6-13 所 示 。 





























图 6-12 6-13 


您 》 该 名 片 版 面 使 用 左右 水 平 构图 方式 ， 左 侧 放置 企业 的 Logo 与 名 称 ， 可 以 在 版 面 中 占据 较 大 
的 位 置 ， 突 出 表现 企业 的 形象 ， 加 深 受众 对 企业 的 印象 ， 如 图 6-14 所 示 。 

@3 右 侧 使 用 常规 字体 安排 名 片 持 有 者 的 相关 信息 内 容 ， 根 据 信息 内 容 的 重要 程度 ， 使 用 不 同 的 
字体 大 小 和 粗细 进行 表现 , 注意 右 侧 文字 的 对 齐 , 中 间 使 用 分 割 线 进行 版 面 信息 内 容 的 划分 , 如 图 6-15 
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在 lllustrator 软件 的 “新 建文 档 ” 对 话 框 中 可 以 直接 为 文档 设置 出 血 区 域 的 大 小 ， 在 新 建 的 文档 
7 中 可 以 看 出 , 红色 线 框 与 黑色 线 框 之 间 的 为 出 血 区域 , 在 最 终 印 刷 成 品 时 ,该 部 分 区 域 将 会 被 裁 切 掉 ， 
1 ”黑色 线 框 内 的 区 域 才 是 成 品 的 大 小 。 


i 


kB 名 片 背景 效果 应 该 另外 新 建 一 个 文档 进行 制作 ， 并 且 该 文档 的 设置 应 该 与 名 片 正 面 文档 的 设 
置 完全 相同 。 为 了 使 名 片 背景 与 正面 有 所 区 别 ， 将 名 片 背 景 设 计 为 深蓝 色 的 几何 图 案 背 景 ， 与 名 片 正 
面 区 别 ， 同 时 又 保持 了 风格 的 统一 ， 如 图 6-16 所 示 。 

@ 在 名 片 背 景 中 主要 放置 企业 Logo、 名 称 以 及 宣传 口号 ， 突 出 地 表现 企业 的 品牌 形象 和 经 营 
理念 ， 如 图 6-17 所 示 。 




















图 6-16 

















6.3.4 对 比分 析 


企业 名 片 的 版 式 设计 需要 考虑 整体 的 布局 ， 突 出 名 片 中 需要 表达 的 重点 内 容 ， 画 面 中 所 有 的 元 素 
都 应 该 以 此 为 基准 进行 考虑 和 设计 ， 体 现 出 与 企业 文化 信息 相符 的 气质 。 
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r 设计 初稿 - 33-------------------------------------------- ， 
1 1 
! 9 ! 
1 1 
! Pr s @ | 
， | 国 : 
1 WORLD TRADECENTER 友 匀 全 风纪 ;02 8 1 
1 天 成 ,世贸 中 心 ao . 1 
1 1 
1 1 
1 1 
1 1 
1 1 
@ 将 名 片 的 正面 背景 填充 为 纯色 ， 整个 名 片 背 景 非常 简洁 ， 但 过 于 单调 ， 体 现 不 出 层次 感 。 l 
1@@ 将 名 片 中 的 持 有 者 信息 使 用 相同 的 字体 和 字体 大 小 进行 展示 ， 不 能 有 效 突出 重点 信息 ， 缺 乏 文字 之 间 的 | 
1 层次 感 。 | 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 @ 名 片 反面 的 背景 使 用 蓝 色 到 深蓝 色 的 渐变 ， 与 正面 背景 相同 ， 过 于 单调 。 | 
1 人 @@ 企业 Logo 和 名 称 与 下 方 的 经 营 理念 文字 之 间 缺 少 分 隔 ， 版 面 信息 层次 不 够 分 明 。 1 
1 1 
最 终 效果 5 引 
1 1 
1 9 ! 
1 1 
1 王 某 某 smses 1 
| 电话 : 13400000000 加 | 
1 bo 1 
开发 商 : 某 某 市 天 成 房地产 有 限 公司 
' | ' 
! or : ! 
1 1 
1 1 
1 1 
1 1 
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人 @ 将 名 片 正面 的 背景 使 用 几何 形状 图 案 进行 填充 ， 使 名 片 背景 具有 很 强 的 层次 感 和 现代 感 ， 也 不 会 影响 版 
面 信息 的 显示 效果 。 

@@ 将 名 片 中 的 持 有 者 信息 的 文字 内 容 使 用 不 同 的 字体 、 字 号 和 字体 粗细 进行 设置 ， 有 效 突出 重点 信息 ， 并 
且 文 字 之 间 具 有 一 定 的 层次 感 。 

@@ 名 片 反面 的 背景 同样 使 用 几何 形状 图 案 填充 ， 与 名 片 正面 背景 保持 相同 的 风格 。 

人 @ 在 企业 Logo 和 名 称 与 下 方 的 经 营 理念 之 间 使 用 弧 状 图 形 分 隔 ， 素 材 的 视觉 效果 仿佛 天 际 线 ， 与 经 营 





6.4 ”会 员 卡 的 版 式 设计 


会 员 卡 是 一 种 企业 形象 和 文化 宣传 的 重要 形式 ， 在 商业 发 达 的 市 场 经 济 社会 中 已 经 是 不 可 或 缺 
的 一 种 宣传 潮流 。 会 员 卡 的 版 式 设 计 与 名 片 的 版 式 设 计 非 常 相 似 ， 需 要 在 小 小 的 版 面 空间 中 充分 体 
现 出 该 会 员 卡 的 核心 主题 。 


6.4.1 项 目 分 析 


本 案例 设计 的 是 一 款 红酒 店铺 的 会 员 卡 ， 该 会 员 卡 的 设计 简洁 ， 主 题 鲜明 突出 。 使 用 纯 白色 作 
会 员 卡 版 面 的 背景 , 版 面 采用 上 下 构图 方式 进行 设计 , 在 上 部 居中 位 置 放置 品牌 Logo 和 主题 文字 ， 
并 为 主题 文字 添加 欧式 花纹 进行 点 缀 ， 显 得 精致 而 简约 。 底 部 则 绘制 酒 瓶 形状 图 形 并 结合 葡萄 图 案 
和 品牌 英文 名 称 ， 富 有 创意 的 图 形 与 文字 组 合 ， 很 好 地 突出 了 该 会 员 卡 的 主题 以 及 店铺 的 主 营 范 围 ， 
具有 很 好 的 识别 效果 。 本 案例 所 设计 的 企业 名 片 的 最 终 效果 如 图 6-18 所 示 。 

该 会 员 卡 的 素材 由 两 部 分 组 成 ， 根 据 该 会 员 卡 的 行业 产品 特点 ， 在 设计 过 程 中 通常 需要 体现 出 
红酒 的 特点 , 在 这 里 使 用 了 酒 瓶 形状 图 形 和 和 葡萄 素材 , 明确 地 表现 出 该 会 员 卡 的 店铺 特点 和 主 营 产 品 ， 
非常 直观 。 同 时 在 该 会 员 卡 中 还 运用 了 品牌 Logo 素材 ， 从 而 有 效 地 加 深 消 费 者 对 该 品牌 的 印象 。 本 
案例 设计 的 会 员 卡 所 使 用 的 素材 如 图 6-19 所 示 。 
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1、 本 卡 为 过 智 卡 ， 具 备 充值 、 消 费 、 积 分 、 分 所 门 村 等 功能 
2、 持 本 卡 VIP 安 员 ， 可 以 享受 本 让 相应 的 优 砷 。 

3、 使 用 本 卡 应 更 守 害 入 卡 协议 及 相关 规定 。 

4、 会 员 相合 录 会 员 网 站 ww_ wx con 进行 会 员 信息 查询 。 

5， 某 某 市 某 革 贸 昂 有 限 公司 保有 对 本 会 员 卡 的 最 终 解 释 权 ， 


客服 专线 ，400 000 J000t 




















6-18 





6.4.2 配色 分 析 


本 案例 所 设计 的 会 员 卡 使 用 白色 作为 版 面 的 背景 主 色调 ， 体 现 出 卡片 的 高 档 与 纯净 之 美 ， 在 版 
面 中 使 用 紫色 作为 主体 图 形 和 文字 的 主 色调 ， 与 产品 的 色调 相近 ， 图 形 与 色彩 的 结合 应 用 ， 能 够 更 好 
地 体现 出 产品 的 特点 ， 并 且 紫 色 能 够 给 人 高 贵 、 神 秘 和 和 柔美 的 感觉 ， 整 个 会 员 卡 的 色彩 搭配 简洁 、 柔 


美 ， 给 人 高 档 的 视觉 感受 。 


RGB(255、255、255) RGB(150、0、81) RGB(190、66、146) 
CMYK(0、 0、 0、 0) CMSYK(26、100、30、30) CMYK(26、 84、 0、 0) 
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6.4.3 设计 思路 


所 四 该 会 员 卡 采用 标准 的 卡片 尺寸 85mm x 54mm( 圆 角 )， 在 设计 时 还 是 按照 常规 的 矩形 效果 
进行 设计 ， 并 且 需 要 为 四 边 各 预 留 3mm 的 出 血 区 域 ， 如 图 6-20 所 示 。 

人 欧 该 会 员 卡 为 纯 白 色 背 景 ， 非 常 简洁 ， 在 版 面 中 心 位 置 放置 品牌 Logo 标志 和 宣传 语 ， 通 常情 
况 下 客户 都 会 提供 品牌 Logo 标志 图 形 , 使 用 欧式 花纹 作为 辅助 图 形 , 使 版 面 的 表现 更 加 精致 , 如 图 6-21 
所 示 。 





导入 家 写 


EB 
悦 享 人 生 品质 生活 
A 




















图 6-20 图 6-21 
@3 为 了 配合 会 员 卡 主题 的 表现 ， 在 版 面 底部 绘制 主体 图 形 ， 将 酒 瓶 图 形 与 葡萄 素材 相 结 合 ， 
且 使 用 与 红酒 近似 的 紫红 色 进 行 搭配 ， 使 会 员 卡 与 产品 融合 在 一 起 ， 如 图 6-22 所 示 。 
@3 在 底部 主体 图 形 中 添加 该 品牌 英文 名 ， 称 ， 并 使 用 白色 图 形 对 主体 图 形 进行 分 割 ， 突 出 品牌 
文字 的 表现 ， 加 深 消费 者 对 品牌 的 认 知 和 印象 ， 如 图 6-23 所 示 。 








[| 


EB 
悦 享 人 生 品质 生活 








图 6-22 图 6-23 


《kB 将 画布 以 外 的 图 形 隐藏 ， 使 版 面 的 表现 效果 完整 ， 添 加 其 他 辅助 文字 。 注 意 ， 因 为 该 会 员 卡 
最 终 成 品 是 圆 角 效果 ， 所 以 还 需要 为 其 制作 圆 角 矩形 模 切 形状 ， 如 图 6-24 所 示 。 
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技 只 要 最 终 成 品 不 是 矩形 形状 的 都 属于 异形 印刷 品 ， 对 于 异形 印刷 品 都 需要 制作 模 切 形状 ， 这 样 
15 印刷 厂 才 清楚 最 终 成 品 的 效果 。 此 处 所 制作 的 会 员 卡 最 终 成 品 是 圆 角 矩 形 的 形状 ， 可 以 在 文档 中 沿 黑 
1 色 的 文档 线 绘制 与 文档 大 小 相同 的 圆 角 和 矩形 框 ， 将 该 贺 角 矩形 框 水 平移 至 画布 以 外 即 可 。 


@ 会 员 卡 背 面 效 果 应 该 另外 新 建 一 个 文档 进行 制作 ， 并 且 该 文档 的 设置 应 该 与 会 员 卡 正面 文档 
的 设置 完全 相同 。 在 会 员 卡 背面 通常 会 根据 客户 的 要 求 放置 一 些 会 员 卡 使 用 说 明 以 及 联系 电话 等 内 容 ， 
注意 内 容 排版 的 简洁 、 整 齐 即 可 ， 如 图 6-25 所 示 。 


和 





、 本 卡 为 鹤 智 卡 ， 具 备 充值 、 消 费 、 积 分 、 分 所 门禁 等 功能 。 
、 持 本 卡 VIP 会 员 ， 可 以 享受 本 店 相应 的 优惠 

、 使 用 本 卡 应 遵守 窒 智 卡 协议 及 相关 规定 。 

\、 会 员 可 登录 会 员 网 站 www, xxxx, com 进 行 会 员 信息 查询 。 

、 某 某 市 某 某 贸易 有 限 公司 保有 对 本 会 员 卡 的 最 终 解 释 权 。 


客服 专线 : 400 000 XXXX 




















6.4.4 对 比分 析 


随 着 社会 的 发 展 ， 各 行 各 业 都 会 推出 会 员 卡 ， 会 员 卡 已 经 成 为 一 种 企业 形象 宣传 的 重要 方式 。 
会 员 卡 的 设计 应 该 以 简洁 为 主 ， 需 要 能 够 突出 表现 行业 或 产品 的 特点 ， 通 过 流畅 的 视觉 流程 来 吸引 
消费 者 。 
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7 ge ; 


0 
fy 赔 享 人 生 品质 生活 四 


枕 祠 玉 号 


























1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 本 卡 为 才智 卡 ， 具 备 充 得 清 要 上 条 分 、 分 所 门 关 等 功能 . 
12、 持 本 卡 VIP 会 员 ， 可 以 剖 受 过 小 由 攻 的 可。 | 
0 EE ! 
4 会 只 可 性 录 会 员 网 站 ww RE 进行 会员 信息 要 询 ， 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 
1 


5 ， 采 亲 市 亲 亲 贸易 有 限 公司 保有 对 本 例 员 让 的 重 才 就 及 权 


将 品牌 Logo 采用 传统 方式 放置 在 版 面 的 左上 角 ， 但 整体 排版 混乱 。 

在 版 面 上 方 放置 宣传 语 ， 没 有 任何 装饰 ， 显 得 单调 。 

将 卡片 中 的 VIP 文字 使 用 金黄 色 的 渐变 颜色 表现 ， 效 果 突 出 ， 但 与 版 面 整体 风格 不 协调 。 
将 主体 图 形 倾斜 放置 ， 版 面 中 其 他 元 素 均 为 水 平 放置 ， 整 体 不 协调 。 

卡片 背面 使 用 紫色 渐变 背景 颜色 ， 与 卡片 正面 形成 反差 ， 整 体 效果 不 统一 。 











r=-------------------r----------------------------------------1 
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| 
1、 本 卡 为 害 智 卡 ， 具 备 充值 、 消 费 、 积 分 、 分 所 门禁 等 功能 
2、 持 本 卡 VIP 会 员 ， 可 以 享受 本 店 相应 的 优惠 

3、 使 用 本 卡 应 遵守 窒 知 卡 协议 及 相关 规定 。 IT | 
4、 会 员 可 登录 会 员 网 站 ww xxxx_ con 进 行 会 员 信息 查询 。 

5、 某 革 市 革 某 贸易 有 限 公司 保有 对 本 会 员 卡 的 最 终 解释 权 。 


客服 专线 : 400 000 XXXX 

















在 版 面 的 中 心 上 方 放置 品牌 Logo， 效 果 依然 很 突出 ， 并 且 整 个 版 面 的 视觉 顺序 统一 。 

版 面 中 心 位 置 放置 宣传 口号 ， 并 且 添 加 欧式 花纹 素材 作为 装饰 ， 表 现 效果 更 加 精致 。 

版 面 中 的 VIP 文字 放置 在 左下 角 位 置 ， 并 且 使 用 与 版 面 中 其 他 元 素 相同 的 紫色 调 ， 整 体 视觉 效果 统一 。 

在 版 面 的 底部 设计 主体 图 形 ， 并 且 将 主体 图 形 与 品牌 英文 名 称 相 结合 ， 突 出 表现 卡片 的 主题 。 

会 员 卡 背 面 使 用 与 正面 相同 的 纯 白色 背景 ， 只 是 背面 的 文字 和 图 形 均 使 用 紫色 ， 与 正面 元 素 的 视觉 形象 
保持 统一 。 
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今 社会 中 ， 海 报 作为 一 种 最 基本 的 宣传 工具 在 日 常生 
活 中 经 各 这 坡 和 让 所 用 到 | 海报 的 种 类 繁多 ， 最 为 常见 的 就 是 商 
业 类 海报 。 海 报 作为 宣传 工具 ， 主要 是 将 信息 以 简洁 、 明确 、 
清晰 的 方式 传递 给 受众 ， 引 起 受众 的 兴趣 ， 让 人 们 参与 其 中 ， 
努力 使 受众 信服 传递 的 内 容 ， 并 在 审美 的 过 程 中 欣然 接受 宣传 
的 内 容 ， 诱 导 他 们 采取 最 终 的 行动 ， 从 而 提高 销售 额 。 
本 章 将 向 读者 介绍 海报 版 式 设计 的 相关 知识 和 内 容 ， 并 通 
过 商业 案例 的 分 析 讲解 ， 使 读者 能 够 更 加 深入 地 理解 海报 版 式 
设计 的 方法 和 技巧 。 


























Eiogurte 


ouUe sorvete? 
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7.1 海报 版 式 设计 概述 


海报 也 叫 招贴 ， 英 文 名 为 Poster， 是 在 公共 场所 以 张贴 或 散发 的 形式 发 布 的 一 种 印刷 品 广告 。 
海报 具有 发 布 时 间 短 、 时 效 强 、 印 刷 精 美 、 视 觉 冲击 力 强 、 成 本 低廉 、 对 发 布 环境 地 要 求 较 低 等 特点 。 
其 内 容 必 须 真 实 准确 ， 语 言 要 生动 并 有 吸引 力 ， 篇 幅 必 须 短小 。 可 以 根据 内 容 需 要 配 适 当 的 图 案 或 
图 画 ， 以 增强 宣传 感染 力 。 海 报 艺术 是 一 种 美学 艺术 表现 形式 ， 其 表现 形式 多 样 化 。 


7.1.1 海报 设计 分 类 


海报 招贴 是 一 种 张贴 于 室内 室外 、 公 共 场 所 如 剧院 、 商 业 区 、 车 站 、 公 园 、 码 头等 处 的 广告 ， 
根据 其 宣传 目的 及 性 质 ， 可 以 分 为 公共 海报 和 商业 海报 两 大 类 型 ， 公 共 海 报 又 包括 公益 海报 、 文 化 
海报 和 艺术 海报 。 
1， 公 益 海报 

公益 海报 不 以 盈利 为 目的 ， 属 社会 公共 事业 。 公 益 海报 的 主要 宣传 内 容 是 公众 所 关注 的 社会 、 
道德 、 政 策 等 问题 ,例如 环保 、 禁 烟 、 防 火 、 关 爱 老 人 、 希 望 工程 、 交 通 安全 、 打 击 盗版 等 , 如 图 7-1 





所 示 。 
al 
7-l 
2. 文化 海报 


文化 海报 是 以 文化 娱乐 活动 为 宣传 主题 ， 例 如 音乐 会 、 运 动 会 、 戏 剧 、 展 览 会 等 ， 其 宣传 对 象 
是 有 具体 的 时 间 、 地 点 、 主 办 单位 的 文化 或 商业 活动 ， 其 宣传 目的 是 扩大 活动 的 影响 力 ， 吸 引 更 多 
的 参与 者 ， 要 求 信息 的 传达 准确 完整 ， 因 此 文字 的 比例 要 大 于 其 他 类 型 的 海报 ， 如 图 7-2 所 示 。 
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图 7-2 
3. 艺术 海报 
艺术 海报 是 指 无 商业 价值 、 无 功利 性 ， 只 为 美化 环境 、 赏 心 悦 目 而 设计 的 海报 ， 通 常 综合 绘画 、 
摄影 、 图 形 、 色 彩 、 材 料 、 肌 理 等 各 种 艺术 手段 进行 表现 。 























宣传 目的 为 扩大 影视 作品 的 影响 力 。 此 类 
角色 或 重要 情节 ， 海 报 色彩 的 运用 也 与 影视 作品 的 感情 基调 有 直接 联系 ， 如 











InTD DARKNESS 


























影视 宣传 海报 的 宣传 对 象 为 电影 、 电 视 剧 等 ， 海 报 的 发 布 时 间 在 影视 作品 发 布 前 或 发 布 过 程 中 ， 
海报 往往 与 剧情 相 结合 ， 海 报 内 容 通常 为 影视 作品 的 主要 


7-3 所 示 。 
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4. 商业 海报 





商业 海报 是 指 宣传 商品 或 商业 服务 的 商业 广告 性 海报 。 商 业 海 报 的 设计 要 恰当 地 配合 产品 的 格 
调和 受众 对 象 ， 包 括 各 种 商品 宣传 、 产 品 展销 、 交 易 会 、 树 立 企业 形象 、 观 光 旅 游 、 交 通 运输 、 邮 电 、 
保险 等 方面 的 海报 ， 如 图 7-4 所 示 。 


< 


Eiogurte 
oue Sorvete? 





图 7-4 
商品 宣传 海报 在 设计 上 要 求 客观 准确 ， 通 常 采取 写实 的 表现 手法 ， 并 突出 商品 的 显著 特征 ， 以 
激发 消费 者 的 购买 欲望 。 
7.1.2 海报 版 式 设计 的 特点 


创意 是 海报 招贴 的 生命 和 灵魂 ， 海 报 招贴 设计 的 核心 所 在 是 它 能 使 海报 招贴 的 主题 突出 并 具有 
深刻 的 内 涵 。 现 代 海 报 招贴 最 主要 的 特征 之 一 ， 就 是 在 瞬间 吸引 眼球 并 引起 受众 心理 上 的 共鸣 ， 将 
信息 迅速 准确 地 传达 给 受众 ， 这 也 是 海报 招贴 作品 获得 成 功 的 最 关键 因素 。 如 图 7-5 所 示 为 富有 创 


意 的 海报 设计 。 
“Ns 
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要 想 设 计 出 好 的 海报 招贴 作品 ， 就 需要 注意 使 其 具备 以 下 几 点 。 


1. 尺寸 大 

海报 不 是 捧 在 手 上 的 设计 ， 而 要 张贴 在 户外 能 引起 人 们 关注 的 场所 和 环境 中 ， 海 报 的 展示 效果 
受到 周围 环境 和 各 种 因素 的 干扰 ， 所 以 必须 以 大 画面 及 突出 的 形象 和 色彩 展现 在 人 们 面前 。 

海报 的 常用 尺寸 主要 有 130mm x 180mm、190mm x 250mm、300mm x 420mm、420mm x 
570mm、500mmx700mm、600mmx900mm、700mmx1000mm， 如 图 7-6 所 示 。 但 是 海 
报 的 尺寸 不 能 一 概 而 论 ， 也 要 考虑 到 外 界 的 因素 ， 例 如 现场 空间 的 大 小 、 客 户 的 需求 等 。 由 于 海报 
多 数 是 用 制版 印刷 的 方式 制 成 的 ， 供 在 公共 场所 和 商店 内 外 张贴 ， 在 设计 时 应 该 注意 尽量 使 分 辩 率 
达到 300dpi， 从 而 保证 印刷 的 质量 。 





























130nmx 180mm 190mmx250mm 300mmx420mm 
以 12.5% 显示 时 的 大 小 


420mmx570mm 500mmx700mm 600mmx900mm 700mmx 1000mm 
以 5% 显示 时 的 大 小 
图 7-6 
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2. 远视 强 

海报 可 以 说 具有 广告 的 典型 特征 , 因此 要 充分 体现 定位 设计 的 原理 。 可 以 通过 突出 的 商标 、 标志 、 
标题 、 图 形 或 对 比 强烈 的 色彩 、 大 面积 的 空白 以 及 简练 的 视觉 流程 使 海报 招贴 成 为 视觉 焦点 ， 这 样 
可 以 使 来 去 匆忙 的 人 们 留 下 视觉 印象 。 如 图 7-7 所 示 为 设计 精美 的 商业 海报 。 

























































































3. 艺术 性 高 

从 海报 的 整体 来 看 ， 可 以 分 为 商业 海报 和 非 商业 海报 两 大 类 。 商 业 海 报 多 以 具有 艺术 表现 力 的 
摄影 、 造 型 写实 的 绘画 或 漫画 为 主 的 形式 表现 ， 给 受众 留 下 真实 感人 的 画面 和 富有 幽默 情趣 的 感受 。 
而 非 商业 海报 内 容 广泛 、 形 式 多 样 、 艺 术 表现 力 丰 富 ， 尤 其 是 文化 艺术 类 海报 。 设 计 师 根据 海报 主 
题 充分 发 挥 想象 力 ， 尽 情 施 展 艺术 手段 ， 在 设计 中 加 入 自己 的 绘画 语言 ， 设 计 出 风格 各 异 、 形 式 多 
样 的 海报 。 如 图 7-8 所 示 为 具有 很 强 艺术 感 的 海报 设计 。 
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设计 海报 招贴 时 ， 首 先 要 确定 主题 ， 再 进行 构图 设计 。 海 报 的 设计 不 仅 要 注意 文字 和 图 片 的 灵 
活 运用 ， 更 要 注重 色彩 的 搭配 。 海报 的 构图 不 仅 要 吸引 人 , 而 且 还 要 传达 更 多 的 信息 ， 从 而 促进 消费 ， 
达到 宣传 的 目的 。 


7.1.3 海报 版 式 的 构成 


海报 设计 必须 有 相当 的 号 召 力 与 艺术 感染 力 ， 要 调动 图 像 、 文 字 、 色 彩 、 版 式 等 因素 ， 形 成 强 
烈 的 视觉 效果 。 简 洁 明 了 的 设计 是 最 便于 记忆 的 ， 试 图 讲述 太 多 或 过 于 简单 ， 都 会 使 人 不 知 所 云 ， 
失去 观赏 兴趣 。 

1. 图 形 

图 形 是 海报 版 式 的 主要 构成 要 素 ， 它 能 够 形象 地 表现 广告 主题 。 海 报 中 的 创意 图 形 是 吸引 受众 
目光 的 重点 ， 它 可 以 是 黑白 画 、 喷 绘 插画 、 手 绘 素描 、 摄 影 作品 等 ， 表 现 技法 上 有 写实 、 超 现实 、 
卡通 漫画 、 装 饰 等 手法 。 在 设计 上 需 紧 紧 环 绕 广告 主题 ， 突显 商品 信息 , 以 达到 宣传 的 功效 。 如 图 7-9 
所 示 为 海报 设计 中 的 图 形 表现 效果 。 


2. 文字 

文字 在 海报 版 式 中 占有 举足轻重 的 角色 ， 和 图 形 比较 起 来 文字 信息 的 传达 更 加 直接 。 现 代 海 报 
设计 中 ， 许 多 设计 师 用心 于 文字 的 改进 、 创 造 、 运 用 ， 他 们 依靠 有 感染 力 的 字体 及 文字 编排 方式 ， 
创造 出 一 个 又 一 个 的 视觉 惊喜 ， 在 这 些 海报 招贴 的 版 面 中 ， 我 们 看 到 文字 的 大 小 穿插 、 正 反倒 转 、 
上 下 错位 、 字 体 混用 、 虚 实 变化 等 ， 丰 富 多 变 的 编排 格式 构筑 了 多 层次 多 角度 的 视觉 空间 ， 营 造 出 活泼 、 
严肃 、 明 亮 、 幽 暗 、 安 静 、 运 动 等 各 种 丰富 情感 。 文 字 的 功能 已 由 “叙述 信息 ”提升 为 “表现 ”， 显 
现 了 前 所 未 有 的 灵气 ， 成 为 表达 创意 的 有 效 手段 。 如 图 7-10 所 示 为 海报 设计 中 突出 的 文字 编排 效果 。 





! 在 玫 海 报 的 版 ， 


在 该 海报 的 版 式 设 ， 
! 式 设计 中 富有 创意 ， | 计 中 ， 在 版 面 的 中 间 位 ， 
! 地 和 将 各 种 不 同 颜色 ! ! 置 使 用 大 号 加 粗 字体 来 ! 
! 和 造型 的 墨水 与 人 1 ! 表现 版 面 的 主题 , 并 且 | 
1 物 完美 结合 ,使 人 ， | 将 主题 文字 与 舞蹈 人 物 | 

! 物 表现 出 灵动、 可 ! ! 结合 ， 通 过 文字 与 人 物 ， 
! 逸 的 效果 ， 表 现 效 ， 1 的 双 加 处 理 ， 突 出 了 主 ， 
! 果 非常 突出 , 给 人 ! 题 文字 的 表现 ， 并 且 增 ! 

! 强 了 版 面 的 空间 感 。 


| 留 下 深刻 的 印象 。 ! 
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1 3 
提 如 果 所 设计 的 海报 招贴 版 面 中 有 过 多 较 小 的 字体 ， 元 长 的 标题 会 妨碍 版 面 中 信息 的 获取 速度 ， 
不 在 设计 过 程 中 应 该 谨慎 使 用 。 


WW 


3. 配色 

图 形 和 文字 都 脱离 不 了 色彩 的 表现 ， 色 彩 有 先 声 夺 人 的 功能 ， 海 报 招贴 版 面 的 配色 要 切合 主题 、 
简洁 明快 、 新 颖 有 力 。 对 比 度 、 感 知 度 的 把 握 是 关键 ， 相 近 的 色彩 搭配 ， 感 知 度 较 弱 ， 在 远 处 或 某 
些 光线 下 ， 会 显得 腊 胱 暧昧 ， 影 响 辨认 。 如 图 7-11 所 示 为 出 色 的 海报 版 面 配色 。 
4， 版式 

优秀 的 海报 招贴 设计 鲜 活 有 力 ， 能 够 迅速 抓 住 受众 , 四 平 八 稳 的 版 面 是 不 具备 如 此 魅力 的 ， 
现代 海报 招贴 设计 中 常 采用 自由 版 式 。 自 由 版 式 是 对 排版 秩序 结构 的 分 解 ， 不 是 用 清晰 的 思路 
与 规律 去 把 握 设 计 ， 没 有 传统 版 式 的 严谨 对 称 ， 没 有 栏 的 条 块 分 割 ， 没 有 标准 化 ， 在 对 点 、 线 、 
面 等 元 素 的 组 织 中 强调 个 性 发 挥 的 表现 力 ， 追 求 版 面 多 元 化 。 如 图 7-12 所 示 为 出 色 的 海报 版 








式 设 计 。 

1 1 1 

该 运动 鞋 宣传 ! ! ”该 活动 宣传 海报 ! 
海报 使 用 黑色 作为 ， ! 的 表现 效果 非常 突出 ，， 
版 面 的 背景 主 色调 ，! ! 使 用 黄色 和 黑色 将 版 ! 
给 人 高 档 感 ， 并 能 ! ! 面 背景 分 为 对 比 的 两 ， 
够 有 效 地 突出 版 面 ! ! 个 部 分 ， 在 版 面 左 侧 ， 
中 炫 彩 的 运动 鞋 ，! ! 排列 相应 的 文字 内 容 ，! 
通过 为 运动 鞋 添加 ， ! 在 分 割 的 中 间 位 置 放 ， 
不 同色 彩 的 曲线 光 | ! 置 黑白 的 人 物 图 形 ，) 
束 ， 充 分 体现 出 该 ! ! 黑白 与 彩色 的 对 比 强 ! 
产品 的 动感 与 时 尚 。， 、! 烈 ， 表 现 效果 突出 。 1 























7.1.4 海报 版 式 的 设计 流程 

在 海报 版 式 设计 过 程 中 ， 常 见 的 有 借鉴 和 原创 两 种 情况 。 借 鉴 是 一 种 较为 快速 的 方式 ， 通 过 翻 
阅 相关 资料 ， 挑 选 合适 的 形式 、 手 法 进行 移植 ;而 原创 则 需要 凭借 自己 所 学 的 知识 和 经 验 ， 结 合 
报 版 式 设计 的 法 则 进行 构思 和 构图 ， 难 度 较 大 ， 但 独创 性 较 强 。 通 常情 况 下 ， 海 报 招 贴 的 版 式 设计 
会 按照 以 下 几 个 步 桑 进行 。 
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1. 分 析 规 划 

调研 并 搜集 产品 的 属性 、 商 标 、 名 称 、 产 品 实 样 、 标 准 色 、 客 户 要 求 等 ， 进 行 反复 分 析 ， 从 中 
确定 创意 的 目标 。 准 备 与 海报 尺寸 同一 比例 的 缩小 画 纸 ， 绘 制 出 海报 草图 。 
2. 确定 方案 

根据 确定 的 草图 ， 对 图 像 、 字 体 、 字 号 、 字 距 、 行距、 明暗 、 色 彩 等 元 素 进 行 编排 。 必 须 使 信 
息 的 焦点 非常 突出 ， 形 成 高 度 精炼 的 表现 ， 从 而 达到 视觉 冲击 力 极 强 的 效果 ， 给 人 以 简洁 有 力 、 形 
象 鲜明 的 深刻 印象 。 
3. 制作 成品 

确定 了 具体 的 方案 之 后 ， 需 要 在 电脑 上 进行 制作 ， 以 达到 传达 信息 、 表 现 艺术 感 、 展 现 精美 版 
面 效果 的 目的 ， 最 后 送 至 印刷 。 


7.2 海报 版 式 的 创意 方法 


海报 要 想 在 几 秒 钟 内 牢 牢 吸引 人 ， 就 要 求 设计 师 不 仅 内 容 准 确 到 位 ， 更 要 有 独特 的 版 面 创意 。 
创意 是 智慧 的 火花 ， 是 海报 的 灵魂 ， 能 改变 产品 或 企业 的 命运 ， 能 够 令 受 众 津津 乐 道 ， 过 目 不 忘 。 

海报 的 版 面 创 意 形式 可 以 根据 视觉 表现 特点 大 致 归纳 为 直接 、 会 意 和 象征 3 种 基本 方法 ， 它 们 
相互 综合 、 融 会 贯通 ， 可 以 创造 出 干 变 万 化 的 版 面 效 果 。 


7.2.1 直接 法 


直接 法 是 指 在 海报 版 式 设计 中 直接 表现 广告 信息 ， 把 产品 最 典型 、 最 本 质 的 形象 或 特征 清晰 、 
鲜明 、 准 确 地 展示 出 来 。 采 用 这 种 创意 方法 的 海报 能 够 给 人 真实 、 可 信 、 亲 切 的 感受 ， 受 众 容易 理 











! ，， 在 该 化 妆 品 三， ! “在 该 数码 相机 的 ! 
1 告 的 版 面 设计 中 使 ! 1 sy 1 
1 用 黑色 和 深蓝 色 作 1 1 海报 设计 中 ， 在 版 面 ， 
和 1 的 中 心 位 置 直接 展示 ! 
1 为 版 面 的 背景 主 色 ， 一 la 1 
! 调 ， 突 出 版 面 中 间 ， 人 
! 产品 的 表现 ， 并 且 ! | 产品 与 唇彩 相 结合 ，! 
! 为 产品 应 用 高 光 的 ! ss ! 暗喻 产品 的 小 巧 、 精 ! 
I 1 致 ， 在 版 面 中 大 量 运 
1 效果 :使 其 在 版 面 ， ! 用 留 白 ， 突 出 产品 的 ! 
! 中 的 表现 效果 非常 ! De | 
1 突出 、 醒 目 。 1 ss 区 ， 和 1 
7-13 
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Ti2:2 


区 
局 ) 


在 海报 设计 中 不 直 白 呈现 广告 信息 ， 而 是 表现 由 它们 引发 与 其 自身 相关 、 等 同类 似 甚至 相反 的 


联想 和 体验 。 这 种 创意 方法 能 够 让 受众 驰 聘 于 想象 ， 通 过 思 


人 含蓄 动人 的 印象 。 EN 

! 在 该 葡萄 酒 宣传 海 ， 
! 报 的 版 式 设计 中 ， 将 产 ) 
! 品 与 葡萄 庄园 相 结 合 ，! 
! 并 且 葡 萄 酒 产品 占据 较 ， 
! 大 的 版 面 ， 表 现 突出 ，， 
! 喻 意 产 品 的 纯 天 然 和 新 ! 
! 鲜 。 使 用 暖色 调 作为 版 ， 
1 面 的 主 色调 ， 给 人 一 种 ， 
! 温暖 和 希望 的 感觉 。 。 








考 来 完成 对 广告 的 理解 和 记忆 ， 
意 法 设计 的 海报 。 


能 够 给 


! 在 该 运动 鞋 的 宣传 海 
! 报 设计 中 ， 运 用 夸张 的 创 ， 
! 意 手法 ， 将 整个 版 面 的 色 ! 
! 调 都 设置 为 明度 和 纯度 较 ! 
! 低 的 浊 色 调 ， 唯 独 运动 鞋 ， 
! 产 品 保留 鲜艳 的 色调 ， 在 ! 
1 版 面 中 非常 突出 。 外 星人 1 

1 来 袭 ， 抢 走 的 不 是 人 而 是 ! 
! 运动 鞋 ， 喻 义 该 产品 都 已 ! 
经 得 到 外 星人 的 青睐 。 。 ， 


一 一 一 一 一 一 一 一 一 一 一 一 一 上 

















7.2.3 象征 法 


将 广告 信息 所 蕴含 的 特定 含义 通过 另 一 种 事物 、 角 度 、 观 点 进行 引申 ， 产 生出 新 的 意义 ， 使 广 


告 主题 更 加 深化 强烈 ， 给 人 留 下 深刻 印象 。 基 图 


a 在 该 环保 公益 海报 中 ， 运 让 
! 用 生动 的 想象 ， 将 地 球 处 理 为 ! ! 生 动 ， 
1 融化 的 冰淇淋 ， 来 表现 全 球 变 ， | 景 

1 暖 的 危机 , 呼吁 人 们 保护 环境 。 1 体验 ， 


X19 所 丰 为 使 用 月 征 法 设计 的 海报 。 





在 该 电子 产品 海报 设计 中 ， 画 面 构成 单纯 、 想象 1 
通过 人 物 手持 该 产品 坐 在 椅子 上 飞驰 的 合成 场 ， 
， 表 现 该 电子 产品 能 够 为 用 户 带 来 更 加 快速 流畅 的 ， 
突出 表现 了 该 产品 的 核心 特点 。 1 
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海报 是 一 种 大 众 化 的 宣传 工具 , 它 的 画面 应 具有 较 强 的 视觉 中 心 , 然而 海报 的 表现 形式 多 种 多 样 ， 
题材 广阔 ， 限 制 较 少 ， 所 以 海报 的 外 观 构图 应 该 让 人 赏心悦目 ， 能 在 视觉 上 给 人 美好 的 印象 。 


7.3 ”手机 促销 海报 的 版 式 设计 


7.3.1 项 目 分 析 


本 案例 设计 的 手机 促销 活动 海报 ， 运 用 灰色 的 背景 搭配 蓝 色 的 不 规则 形状 使 版 面 表现 出 时 尚 感 ， 
而 版 面 中 的 设计 重点 在 于 主题 文字 的 表现 ， 在 该 海报 版 面 中 对 主题 文字 进行 了 变形 处 理 ， 并 且 将 主 
题 文 字 设 置 为 两 种 对 比 色调 ， 使 得 主题 文字 的 表现 效果 非常 突出 和 抢眼 ， 使 人 一 眼 就 能 够 明白 该 海 
报 的 主题 。 版 面 中 的 产品 素材 图 片 则 采用 芭 加 放置 的 方式 ， 使 版 面 产品 具有 立体 感 和 层次 感 ， 整 个 
海报 版 面 让 人 感觉 简洁 大 方 、 主 题 突出 ， 通 过 不 规则 几何 形状 图 形 与 线条 的 运用 ， 使 版 面 产生 很 强 
的 动感 和 时 尚 感 。 本 案例 所 设计 的 手机 促销 海报 的 最 终 效果 如 图 7-16 所 示 。 

















在 本 案例 所 设计 的 手机 促销 海报 中 主要 使 用 的 素材 图 像 为 促销 的 手机 素材 图 片 ， 为 了 使 版 面 的 
表现 效果 更 加 丰富 和 时 尚 ， 在 海报 的 背景 中 还 运用 了 富有 现代 感 的 不 规则 几何 图 形 ， 既 能 够 丰富 海 
报 版 面 背景 效果 ， 又 能 够 突出 表现 手机 产品 的 现代 与 时 尚 感 。 本 案例 设计 的 手机 促销 海报 所 使 用 的 
素材 如 图 7-17 所 示 。 


133 ( 


En 版 式 设计 一 一 设计 师 必 备 宝典 





[手机 产品 图 片 





[不 规则 几何 形状 素材 














7.3.2 配色 分 析 


本 案例 所 设计 的 手机 促销 宣传 海报 使 用 浅 灰 色 作为 版 面 的 背景 主 色调 ， 灰 色 是 一 种 中 性 的 色彩 ， 
可 以 表现 出 科技 与 时 尚 感 ， 在 版 面 中 运用 了 多 种 鲜艳 的 色彩 进行 搭配 ， 包 括 蓝 色 、 洋 红色 和 橙色 ， 
使 得 版 面 中 的 对 比 效果 非常 强烈 ， 既 能 够 体现 产品 的 多 样 化 和 功能 的 多 元 化 ， 又 能 够 突出 主题 ， 整 
体 的 色彩 搭配 使 得 整个 海报 版 面 表现 得 更 加 绚丽 多 彩 ， 给 人 时 尚 、 活 跃 的 氛围 。 


RGB(235、234、 245) RGB(0、160、232) RGB(228、0、126) 
CMYK(9、8、0、0) CMYK(100、0、0、0) CMYK(0、 100、 0、 0) 


7.3.3 设计 思路 


GD 将 本 案例 所 设计 的 手机 促销 海报 的 尺寸 设置 为 570mm x 840mm， 幅 面 要 足够 大 ， 才 容易 
吸引 行人 的 注意 ， 并 且 需 要 为 四 边 各 预 留 3mm 的 出 血 区 域 ， 如 图 7-18 所 示 。 
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《多 为 了 突出 表现 版 面 中 的 主体 和 手机 产品 ， 版 面 的 背景 使 用 浅 灰色 的 纯色 ， 但 为 了 避免 背景 的 
单一 ,在 版 面 底部 添加 不 规则 几何 形状 素材 , 使 版 面 的 表现 更 加 富有 现代 感 和 时 尚 感 , 如 图 7-19 所 示 。 
@3 使 用 大 号 加 粗 字体 在 版 面 中 表现 促销 活动 主题 ， 并 且 将 主题 文字 设置 为 鲜艳 的 对 比 色调 ， 突 


限时 


aa 机 示 


图 7-18 7-19 7-20 

@3 为 了 使 主题 文字 的 表现 更 加 突出 ， 对 主题 文字 进行 变形 处 理 ， 这 也 是 海报 设计 中 常用 的 突出 
主题 的 方法 ， 变 形 处 理 后 的 主题 文字 效果 更 加 形象 ， 表 现 效 果 更 加 强烈 ， 如 图 7-21 所 示 。 

人 在 版 面 中 的 主题 文字 下 方 放置 手机 产品 ， 通 过 上 加 放置 的 方式 ， 使 版 面 表现 出 空间 层次 感 ， 
如 图 7-22 所 示 。 

@3 为 了 使 版 面 视觉 效果 更 加 强烈 ， 在 版 面 中 添加 了 一 些 色 块 和 倾斜 的 线条 ， 使 版 面 的 表现 更 加 
具有 动感 ， 如 图 7-23 所 示 。 


出 主题 文字 的 表现 ， 如 图 7-20 所 示 。 
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@B 最 后 在 版 面 底部 使 用 表格 的 方式 来 介绍 促销 活动 的 相关 内 容 ， 使 得 信息 内 容 的 表现 更 加 清晰 
和 富有 条 理 ， 最 终 效果 如 图 7-24 所 示 。 

















7.3.4 对 比分 析 


手机 已 经 成 为 人 们 日 常生 活 中 必 不 可 少 的 工具 ， 手 机 市 场 的 竞争 也 越 来 越 激烈 ， 优 秀 的 手 
机 促销 海报 能 够 很 好 地 向 消费 者 传递 促销 信息 ， 勾 起 消费 者 的 购买 欲望 ， 从 而 达到 促进 产品 销 
售 的 效果 。 


和 @ 将 主题 文字 采用 传统 方式 放置 在 
版 面 的 上 方 ， 过 于 简单 ， 缺 乏 设 
计 感 , 主题 文字 表现 得 不 够 突出 。 

@ 使 用 纯色 作为 版 面 背 景 ， 背 景 
表现 简洁 、 单 纯 ， 但 无 法 表现 
现代 感 。 

加 版 面 过 于 空旷 ,背景 表现 过 于 单一 。 

@ 版 面 整 体 显得 非常 普通 ， 无 法 体 
现 出 动感 和 时 尚 的 视觉 效果 。 
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最 终 效果 3 --------------------- ， 


ek 
腿 @9 g 
和 @ 对 版 面 中 的 主题 文字 进行 变形 处 
BW 理 ， 使 其 表现 效果 更 加 突出 。 
@ 在 版 面 背景 的 下 方 添加 不 规则 几 
何 形状 素材 ， 使 版 面 背景 的 表现 
更 加 丰富 。 

加 分 别 在 版 面 右上 角 和 左下 角 位 置 
放置 橙色 三 角形 色 块 , 形成 呼应 ， 
使 版 面 富 有 节奏 感 。 

@ 在 版 面 中 的 主题 文字 位 置 添加 一 
些 倾斜 的 线条 装饰 ， 使 得 版 面 的 
表现 更 加 动感 。 





7.4 ”婴儿 用 品 海报 版 式 设计 


随 着 经 济 水 平 的 不 断 提 高 和 新 生 儿 数量 的 增加 ， 婴 儿 用 品 的 需求 量 越 来 越 大 ， 品 牌 也 在 不 断 增 
多 ， 品 牌 之 间 的 竞争 非常 激烈 。 一 个 优秀 的 海报 设计 可 以 很 好 地 宣传 品牌 形象 ， 并 且 吸 引 消费 者 的 
关注 。 


7.4.1 项 目 分 析 


本 案例 设计 的 是 一 款 婴 儿 用 品 的 宣传 海报 ， 该 海报 版 面 中 的 设计 元 素 非常 丰富 ， 整 个 版 面 显得 
欢乐 。 使 用 草地 和 婴儿 作为 版 面 的 背景 素材 图 片 ， 在 版 面 下 方 添加 黄色 的 圆 弧 状 图 形 ， 丰 富 版 面 的 
层次 ， 在 版 面 中 使 用 大 号 的 手写 字体 来 表现 海报 的 主题 ， 可 爱 的 手写 字体 与 海报 的 主题 相 吻合 ， 在 
整个 版 面 中 还 使 用 了 其 他 一 些 素材 来 丰富 版 面 的 内 容 ， 整 个 海报 给 人 感觉 欢乐 、 充 满 希望 的 感觉 。 
本 案例 所 设计 的 婴儿 用 品 海报 的 最 终 效果 如 图 7-25 所 示 。 

根据 该 海报 的 产品 特点 ， 为 海报 增添 了 婴儿 的 图 片 素材 ， 这 样 可 以 突显 出 产品 的 特性 ， 使 其 主 
题 更 加 明确 。 版 面 中 以 绿 草 作为 海报 的 背景 使 其 表现 得 更 加 温馨 。 版 面 中 还 运用 了 相关 的 一 些 素材 


如 图 7-26 所 示 。 
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图 7-25 





人 各。 


下 











图 7-26 


7.4.2 配色 分 析 


本 案例 所 设计 的 婴儿 用 品 海报 使 用 绿色 作为 版 面 的 主 色调 ， 表 现 出 自然 、 纯 净 的 氛围 。 在 版 面 中 搭 
配 黄 色 和 红色 ， 形 成 强烈 的 对 比 效果 ， 版 面色 调 丰富 ， 视 觉 效 果 突 出 ， 给 人 一 种 健康 、 美 好 的 心理 感受 。 


RGB(20、141、65) ”RGB(C37、200、94) RGB(230、0、19) 
CMSYK(82、30、97、0) CMYK(12 25, 69、 0) CMSYK(11、99、99、0) 


7.4.3 设计 思路 


所 坚 儿 用 品 海报 一 般 张 贴 在 其 品牌 专卖 店内 或 者 专柜 的 展架 上 ， 面 积 不 需要 太 大 ， 因 此 可 以 将 
尺寸 设置 为 300mm x 150mm， 并 且 四 边 各 预 留 3mm 的 出 血 区 域 , 如 图 7-27 所 示 。 
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《多 为 了 使 版 面 表现 得 更 加 纯净 ， 我 们 为 该 海报 添加 绿 草 作为 背景 。 在 版 面 的 下 方 添加 圆 弧 形 的 
图 形 ， 这 村 可 以 实 显 出 获 个 版面 的 尼 次 二 如 图 7-28 所 示 。 














图 7-27 图 7-28 


3 为 了 配合 海报 产品 的 主题 ， 在 版 面 中 为 其 添加 了 相应 的 素材 来 突出 主题 ， 使 得 版 面 主题 内 
容 更 加 明确 ， 画 面 更 加 丰富 ， 如 图 7-29 所 示 。 

@3 版 面 中 的 主题 文字 则 使 用 大 号 的 手写 字体 来 表现 ， 并 且 为 手写 字体 添加 相应 的 绿叶 素材 ， 
使 主题 文字 的 表现 更 加 可 爱 , 并 且 与 该 海报 的 主题 相 吻 合 , 表现 出 一 种 快乐 、 健康 的 感觉 , 如 图 7-30 
所 示 。 

















图 7-29 


《9 为 了 使 整个 画面 表现 得 更 加 丰富 和 温 
声 ， 在 版 面 的 右上 角 加 入 了 光影 的 效果 ， 在 海报 
的 下 方 为 其 添加 了 昆虫 素材 图 片 ， 可 以 使 整个 海 
报 更 加 富有 生机 和 活力 ， 整 个 版 面 的 表现 也 更 加 
丰富 ， 如 图 7-31 所 示 。 


7.4.4 ”对比 分析 AR 


海报 设计 版 面 的 安排 要 符合 视觉 流程 的 规律 ， 以 便于 阅读 和 记忆 ， 内 容 务必 要 主 次 分 明 ， 重 点 
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突出 ， 保 证 在 “瞬间 效应 ”的 过 程 中 快速 传递 主要 信息 ， 保 证 各 个 组 成 要 素 之 间 在 内 容 和 形式 上 都 
要 形成 有 机 的 联系 ， 以 实现 在 视觉 和 心理 上 的 连贯 。 


: 投 计 徊 祖 入》 一 ， 


ET 
Yingda 





题 文 字 使 用 粗 体 文字 ， 整 体 文字 过 于 死板 ， 无 法 表现 出 儿童 天 真 、 可 爱 的 个 性 。 

面 上 方 有 点 单调 ， 表 现 不 出 富有 生机 、 活 力 的 样子 。 

面 下 方 的 渐变 矩形 过 于 生硬 ， 没 有 做 到 很 好 的 过 渡 ， 整 体 的 视觉 效果 较 差 。 

产品 图 片 放置 在 文字 信息 的 上 方 ， 不 仅 破坏 了 整体 画面 的 美感 ， 还 使 得 整个 版 面 不 够 统一 。 


省 BOQ@e 
新 对 未 财 





@ 将 主题 文字 进行 变化 ， 重 新 排列 ， 使 得 整个 主题 文字 表现 得 很 活跃 ， 不 但 丰富 了 整体 的 画面 ， 而 且 很 符 
合 主题 文字 想 要 表达 的 意思 。 

人 @ 在 版 面 的 上 方 添加 阳光 照射 的 效果 ， 使 得 整个 版 面 表现 得 更 加 富有 生机 和 活力 。 

人 @ 在 版 面 的 下 方 运用 弧 形 的 图 形 ， 这 样 不 会 显得 整个 版 面 过 于 生硬 ， 并 且 为 整个 版 面 做 到 了 很 好 的 过 渡 。 

人 @ 将 产品 图 片 放 在 文字 的 下 方 ， 这 样 会 显得 版 面 整体 更 加 统一 、 和 谐 ， 视 觉 效果 更 加 强烈 。 
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人 LEGE--- 





DM 宣传 页 设计 的 重点 是 将 广告 创作 通过 一 定 的 形式 具体 
地 表现 出 来 ， 体 现 设 计 者 的 思想 。DM 宣传 页 的 版 式 设计 在 总 


， 体 上 要 求 新 求 异 ， 充 分 体现 广告 创意 的 内 容 ， 将 商品 信息 或 广 
， 告 主 信息 最 大 限度 地 传递 给 目标 市 场 ， 版 式 设计 的 好 坏 直 接 影 
1 





响 到 广告 宣传 的 效果 。 

本 章 将 向 读者 介绍 DM 宣传 页 版 式 设 计 的 相关 知识 和 内 
容 ， 并 通过 商业 案例 的 分 析 讲解 ， 使 读者 能 够 更 加 深入 地 理解 
DM 宣传 页 版 式 设计 的 方法 和 技巧 。 





本 本 和 版 式 设计 一 一 设计 师 必 备 宝典 


8.1 DM 宣传 页 版 式 设计 概述 


DM 宣传 页 是 人 们 日 常生 活 中 十 分 常见 的 一 种 广告 形式 ， 和 凭借 其 制作 成 本 低廉 、 运 用 范围 广泛 
的 特点 被 大 量 使 用 。DM 宣传 页 主要 以 新 颖 的 创意 、 富 有 吸引 力 的 设计 语言 来 吸引 目标 对 象 ， 具 有 
较 强 的 针对 性 ， 可 以 直接 将 广告 信息 传递 给 相应 的 受众 。 


8.1.1 什么 是 DM 宣传 广告 


DM 是 英文 Direct Mail Advertising 的 省 略 表 达 ， 直 译 为 “直接 邮寄 广告 ”， 即 通过 邮寄 、 赠 
送 等 形式 ， 将 宣传 品 送 到 消费 者 手中 、 家 里 或 公司 所 在 地 ， 是 一 种 广告 宣传 的 手段 。 也 可 以 将 DM 
表述 为 Direct Magazine Advertising( 直 投 杂志 广告 )。 两 者 没有 本 质 上 的 区 别 ， 都 强调 直接 投 
递 或 邮寄 。 因 此 ，DM 是 区 别 于 传统 的 广告 刊载 媒体 、 报 纸 、 电 视 、 广 播 、 互 联网 等 的 新 型 广告 发 
布 载体 。DM 通常 由 8 开 或 16 开 广 告 纸 正 反面 彩色 印刷 而 成 ， 通 常 采取 邮寄 、 定 点 派发 、 选 择 性 
派送 到 消费 者 住处 等 多 种 方式 广 为 宣 传 ， 是 超市 最 重要 的 促销 方式 之 一 。 如 图 8-1 所 示 为 常见 的 
DM 宣传 页 效果 。 


























8.1.2 ”DM 宣传 广告 的 类 型 


DM 宣传 广告 形式 有 广义 和 狭义 之 分 ， 广 义 上 包括 广告 单 页 ， 如 大 家 熟悉 的 街头 蔡 尾 、 商 场 超 
市 散布 的 传单 ， 肯 德 基 、 麦 当 劳 的 优惠 券 也 包括 其 中 ， 如 图 8-2 所 示 为 DM 宣传 广告 单 页 。 狭 义 上 
的 DM 宣传 广告 仅 指 装订 成 册 的 集 纳 型 广告 宣传 画册 ， 页 数 在 10 ~ 200 页 不 等 ， 如 一 些 大 型 超市 
邮寄 广告 页 数 一 般 都 在 20 页 左右 ， 如 图 8-3 所 示 为 DM 广告 宣传 折 页 。 
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图 8-2 图 8-3 

见 的 DM 宣传 广告 类 型 主要 有 : 销售 函件 、 商品 目录 、 商品 说 明 书 、 小 册子 、 名 片 、 明信片 、 
贺年 卡 、 传 真 以 及 电子 邮件 广告 等 。 免 费 杂 志 成 为 近 几 年 DM 广告 中 发 展 得 比较 快 的 媒介 ， 目 
前 主要 分 布 在 既 具备 消费 实力 又 有 足够 高 素质 人 群 的 大 中 型 城市 中 ， 如 图 8-4 所 示 为 常见 DM 宣传 


启 。 














加 
提 DM 宣传 广告 的 特点 是 广告 持续 时 间 长 ， 具 有 较 强 的 灵活 性 ， 能 产生 良好 的 广告 效应 ， 并 且 具 有 
示 可 测定 性 和 隐蔽 性 。 


站 


8.1.3 DM 宣传 广告 的 设计 要 求 


DM 宣传 广告 是 指 采用 排版 印刷 技术 制作 ， 以 图 文 作为 传播 载体 的 视觉 媒体 广告 。 这 类 广告 
一 般 采 用 宣传 单 页 或 杂志 、 报 纸 、 手 册 等 形式 出 现 ， 对 于 DM 宣传 广告 的 版 式 设计 主要 有 以 下 几 
点 要 求 。 


143 


En 版 式 设计 一 一 设计 师 必 备 宝典 


1. 了 解 产品 ， 熟 悉 消 费心 理 
设计 师 需要 透彻 地 了 解 商 品 ， 熟 知 消费 者 的 心理 习惯 和 规律 ， 知 己 知 彼 ， 才 能 够 百 战 不 列 。 


2. 新 颖 的 创意 和 精美 的 外 观 
DM 的 设计 形式 没有 固定 的 法 则 ， 设 计 师 可 以 根据 具体 的 情况 灵活 掌握 ， 自 由 发 挥 ， 出 奇 制 胜 。 
爱 美 之 心 ， 人 皆 有 之 ， 因 此 DM 宣传 广告 设计 要 新 颖 有 创意 ， 印 刷 要 精致 美观 ， 吸 引 更 多 的 眼球 。 


3.， 独特 的 表现 方式 

设计 制作 DM 宣传 广告 时 要 充分 考虑 其 折 专 方式， 尺寸 大 小 ， 实 际 重量 ， 便 于 邮寄 。 设 计 师 可 
以 在 DM 宣传 广告 的 折 夫 方法 上 玩 一 些小 花样 ， 例 如 借鉴 中 国 传统 折纸 艺术 ， 让 人 耳目 一 新 ， 但 切 
记 要 使 阅读 者 能 够 方便 拆 阅 。 


4. 良好 的 色彩 与 配 图 

在 为 DM 宣传 广告 配 图 时 ， 多 选择 与 所 传递 信息 有 强烈 关联 的 图 案 ， 刺 激 记忆 。 设 计 制 作 DM 
宣传 广告 时 ， 设 计 者 需要 充分 考虑 到 色彩 的 魅力 ， 合 理 运 用 色彩 可 以 达到 更 好 的 宣传 作用 ， 给 受众 
群体 留 下 深刻 印象 。 

此 外 ， 好 的 DM 宣传 广告 还 需要 纵深 拓展 ， 形 成 系列 ， 以 积累 广告 资源 。 在 普通 消费 者 眼 里 ，DM 
与 街头 散发 的 小 广告 没有 多 大 的 区 别 ， 印 刷 粗 糙 ， 内 容 低 俗 ， 是 一 种 避 之 不 及 的 广告 垃圾 。 其 实 ， 要 想 
打动 并 非 铁石 心肠 的 消费 者 ， 不 在 设计 DM 广告 时 下 一 番 功 夫 是 不 行 的 。 如 果 想 使 设计 出 的 DM 广告 是 
精品 ， 就 必须 借助 一 些 有 效 的 广告 技巧 来 提高 所 设计 的 DM 效果 。 这 些 技巧 能 使 设计 的 DM 看 起 来 更 美 ， 
更 招 人 喜爱 ， 成 为 企业 与 消费 者 建立 良好 互动 关系 的 桥梁 。 如 图 8-5 所 示 为 设计 精美 的 DM 广告 。 





8.1.4 DM 宣传 广告 的 设计 流程 


DM 宣传 广告 版 式 设计 的 基本 要 求 是 : 视觉 冲击 力 强 ， 主 题 明确 ， 版 面 层 次 清晰 。DM 宣传 广告 
的 设计 流程 主要 可 以 分 为 以 下 几 个 步骤 。 
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1. 具体 分 析 

了 解 产品 的 特性 , 分 析 消 费 者 的 心理 习性 和 规律 ,设计 出 消费 者 容易 接受 的 DM 宣传 广告 形式 。 
2. 精彩 创意 

在 设计 上 一 定 要 有 新 意 ， 在 印刷 上 一 定 要 精美 。 确 保有 足够 的 吸引 力 和 保存 价值 ， 从 而 使 得 消 
费 者 不 舍得 丢弃 。 
3. 设计 形式 

DM 宣传 广告 的 设计 形式 没有 固定 的 法 则 ， 可 以 根据 实际 情况 进行 灵活 设计 ， 尽 量 设计 出 比较 
独特 的 、 有 吸引 力 的 形式 ， 做 到 出 奇 制胜 。 
4. 规格 选取 

充分 地 考虑 其 折 志 方式 、 尺 寸 大 小 、 实 际 重量 ， 以 便于 邮寄 。 
5. 折 笃 方式 

如 果 DM 宣传 广告 是 以 折 页 的 方式 呈现 ， 可 以 在 折 芭 方法 上 进行 创新 ， 给 人 独特 的 感受 ， 但 务 
必要 考虑 到 方便 消费 者 阅读 。 
6. 主题 口号 

DM 宣传 广告 的 主题 口号 一 定 要 响亮 ， 以 对 消费 者 产生 较 强 的 诱惑 力 ， 从 而 使 得 消费 者 继续 阅 
读 版 面 上 的 其 他 内 容 ， 使 广告 效果 达到 最 大 化 。 
7. 选择 配 图 

DM 宣传 广告 中 的 图 像素 材 应 该 首先 与 主题 内 容 相关 ， 同 时 需要 有 较 强 的 视觉 冲击 力 ， 以 吸引 
消费 者 的 目光 。 
8. 色彩 印象 

将 主要 内 容 都 编排 在 版 面 中 之 后 ， 需 要 对 版 面 的 色彩 进行 考量 。 注 意 要 符合 主题 ， 统 一 中 有 变 
化 是 色彩 搭配 的 基本 要 求 。 如 图 8-6 所 示 为 设计 精美 的 DM 宣传 广告 。 
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图 8-6( 续 ) 


8.2 DM 宣传 页 的 版 式 设计 特点 


DM 宣传 广告 的 版 式 设计 要 求 造型 别致、 有 趣味 ， 能 令 人 耳目 一 新 ， 这 样 才能 产生 最 大 的 效果 。 
并 且 制 作 要 精美 ， 内 容 设计 要 让 人 舍不得 丢弃 。 广 告 主题 的 口号 一 定 要 响亮 ， 要 能 够 引发 受众 的 好 
奇 心 。 设 计时 要 对 采用 的 印刷 工艺 和 纸张 进行 分 析 ， 在 版 面 中 进行 相应 的 处 理 。 


8.2.1 DM 宣传 页 的 构成 要 素 
外 观 、 图 像 、 文 案 是 DM 宣传 广告 设计 的 三 个 重要 的 构成 要 素 。 


1. 外 观 要 素 
外 观 要 素 主 要 包括 尺寸 、 纸 张 的 厚度 、 造 型 的 变化 等 ， 是 刺激 消费 者 眼球 的 首要 因素 。 如 图 8-7 


所 示 为 特殊 造型 设计 的 DM 宣传 折 页 。 
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2. 图 像 要 素 

DM 宣传 广告 设计 中 的 图 像 设 计 不 仅 要 美观 ， 更 要 简洁 ， 并 表现 出 一 定 的 差异 性 。 大 部 分 的 
DM 宣传 广告 的 图 像 都 是 以 大 量 的 产品 图 片 堆砌 而 成 ， 或 者 是 以 连篇 累 生 的 文字 为 主 ， 这 样 的 安排 
方式 会 让 消费 者 感到 疲劳 ， 也 难以 把 宣传 的 主题 充分 展现 出 来 。 因 此 ， 在 DM 宣传 广告 的 图 像 处 
理 上 ， 应 该 表现 出 新 颖 的 创意 和 强烈 的 视觉 冲击 力 ， 对 文字 进行 图 形 化 处 理 也 是 不 错 的 表现 方式 。 
如 图 8-8 所 示 为 DM 宣传 广告 中 图 形 的 创意 表现 。 


WW 可 


NS 
新 世纪 电影 城 费 情 应 

















3. 文案 要 素 

文案 要 素 可 以 说 是 DM 宣传 广告 设计 的 重点 ， 能 够 充分 体现 宣传 的 有 效 性 。 设 计时 需要 以 突 
出 的 字体 为 表现 手法 ， 对 消费 者 进行 视觉 上 的 刺激 ， 以 表现 出 产品 性 能 与 消费 者 之 间 的 利益 关系 ， 
引起 读者 继续 阅读 的 兴趣 。 如 图 8-9 所 示 为 DM 宣传 广告 中 文案 要 素 的 突出 表现 。 


市 综合 体 


1007ee 17+ ME 
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8.2.2 DM 宣传 页 的 构图 方式 


在 DM 宣传 广告 版 面 要 素 的 整体 安排 中 ， 主 要 的 部 分 必须 突出 显示 ， 次 要 的 部 分 则 应 该 充分 起 
到 衬托 主题 的 作用 , 以 烘托 画面 气氛 。 次 要 形象 和 文字 既 要 衬托 主体 的 形象 , 又 要 具有 相对 的 独立 性 ， 
既 要 呼应 主体 ， 又 要 保持 对 比 关 系 。 

DM 宣传 广告 的 构图 方式 较为 多 样 化 ， 色 彩 和 构图 相互 依存 。 比 较 常 见 的 有 满 版 式 构图 、 导 引 
式 构图 、 组 合式 构图 、 自 由 式 构图 等 ， 没 有 固定 的 构图 模式 。 可 以 根据 具体 图 像 、 文 字 内 容 及 版 面 
需要 ， 以 美观 、 醒 目 、 主 题 突 出 为 原则 ， 加 以 灵活 运用 。 如 图 8-10 所 示 为 使 用 不 同 构图 方式 的 
DM 宣传 广告 。 
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8.2.3 ”DM 宣传 页 的 视觉 流程 


由 于 DM 宣传 广告 需要 快速 地 传递 信息 ， 所 以 在 版 式 设计 上 采用 引导 性 视觉 流程 ， 可 以 使 版 面 
更 加 简洁 ， 并 且 让 观 者 很 快 地 了 解 到 版 面 上 的 内 容 。 合 理 利用 人 的 视觉 习惯 编排 版 面 ， 可 以 使 读者 
轻松 流畅 地 阅读 完 版 面 内 容 ， 使 信息 得 以 顺利 传达 。 

下 面 来 看 看 以 下 几 种 视觉 流程 。 

垂直 的 视觉 流程 ， 将 图 片 编排 在 版 面 的 上 方 ， 吸 引信 的 视线 ， 并 从 上 向 下 移动 。 如 图 8-11 所 
示 为 采用 垂直 视觉 流程 的 DM 宣传 广告 。 
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ve 
EM 
图 8-11 
运用 同色 系 的 色彩 图 片 引导 视线 向 下 一 个 目标 移动 ， 如 图 8-12 所 示 。 
运用 相同 或 相似 的 形状 引导 视线 移 向 下 一 个 图 形 ， 如 图 8-13 所 示 。 在 没有 相似 色彩 或 图 形 的 
情况 下 ， 人 的 视线 一 般 会 向 一 旁 偏 移 。 























8.3 ”商业 地 产 DMI 宣传 页 版 式 设计 


面 对 激 烈 的 竞争 ， 商 家 都 想 尽 一 切 办 法 来 宣传 自己 的 产品 ，DM 宣传 页 就 是 一 种 最 常见 的 广告 
宣传 形式 。 房 地 产 行业 的 DM 宣传 单 页 是 我 们 日 常生 活 中 接触 较 多 的 一 种 DM 宣传 广告 ， 主 要 是 通 
过 在 街头 派发 的 方式 来 吸引 消费 者 对 该 房地产 项 目的 关注 。 
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8.3.1 项 目 分 析 


本 案例 所 设计 的 商业 地 产 DM 宣传 页 采用 双 面 印刷 ， 正 面 主要 是 通过 色彩 的 组 合 使 版 面 表现 出 
较 强 的 视觉 冲击 力 ， 在 版 面 中 运用 多 个 时 尚 生活 素材 图 片 ， 突 出 表现 该 商业 地 产 的 繁华 ， 版 面 的 中 心 
位 置 则 使 用 大 号 加 粗 字体 表现 该 商业 地 产 的 宣传 口号 ， 表 现 效果 突出 。 背 面 则 主要 是 通过 图 文 相 结 
合 的 方式 来 介绍 该 商业 地 产 的 相关 优势 ， 广 告 中 的 内 容 简洁 、 有 条 理 。 本 案例 所 设计 的 商业 地 产 DM 
宣传 单 页 的 最 终 效 果 如 图 8-14 所 示 。 
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在 本 案例 所 设计 的 商业 地 产 DM 宣传 页 中 主要 使 用 能 够 表现 繁华 商业 场景 的 相关 素材 图 片 
通过 这 些 素材 图 片 的 应 用 来 突出 该 商业 地 产 的 前 景 ， 在 版 面 设计 中 也 使 用 了 该 商业 地 产 的 Logo 
素材 ， 从 而 突出 该 商业 地 产 的 品牌 。 本 案例 设计 的 商业 地 产 DM 宣传 单 页 所 使 用 的 素材 如 图 8-15 
所 示 。 





庆 你 涤 、 


小 镇 都 市 潮流 天 地 
地 产 项 目 Logoj 7 Re ET CE 
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8-13( 续 ) 


8.3.2 配色 分 析 


本 案例 所 设计 的 商业 地 产 DM 宣传 单 页 使 用 了 多 种 鲜艳 的 色彩 进行 搭配 ， 从 而 表现 出 该 商业 地 产 
的 繁华 与 热闹 氛围 ， 在 版 面 中 主要 使 用 对 比 色调 蓝 色 和 黄色 进行 搭配 ， 这 两 个 对 比 色调 的 应 用 使 版 面 
的 视觉 效果 非常 突出 ， 局 部 位 置 则 点 缀 了 其 他 一 些 鲜艳 的 色调 ， 从 而 使 版 面 的 表现 效果 更 加 丰富 多 彩 。 


RGB(255、204、0) RGB(0、153、153) RGB(204、0、102) 
CMYK(4、25、89、0) 。” CMYK(79、24、44、0) CMYK(26、 99、38、 0) 


8.3.3 设计 思路 


所 9 本 案例 所 设计 的 商业 地 产 DM 宣传 单 页 的 尺寸 是 285mm x 420mm， 该 尺寸 大 小 也 是 楼 
盘 DM 宣传 单 页 的 常规 尺寸 ， 并 且 需 要 为 四 边 各 预 留 3mm 的 出 血 区域 ， 如 图 8-16 所 示 。 

《5 在 版 面 中 通过 多 种 不 同 颜色 的 色 块 来 构成 版 面 的 背景 ， 使 背景 的 表现 非常 时 尚 和 炫丽 ， 并 
且 通 过 对 版 面 右上 角 的 处 理 ， 使 其 表现 为 不 规则 的 形状 ， 给 人 个 性 感 ， 如 图 8-17 所 示 。 

3 在 版 面 的 上 方 放 置 该 商业 地 产 项 目的 Logo 素材 ， 符 合 人 们 的 视觉 流程 。 在 版 面 中 间 位 置 ， 
通过 多 个 商业 场景 素材 的 应 用 ， 使 版 面 表现 出 热 六 和 繁华 的 商业 气息 ， 如 图 8-18 所 示 。 














151《(《( 


En 版 式 设计 一 一 设计 师 必 备 宝典 




















图 8-16 图 8-17 图 8-18 


@3 为 了 更 好 地 突出 版 面 的 主题 内 容 ， 使 用 大 号 加 粗 的 字体 在 版 面 上 方 表现 主题 文字 ， 而 其 他 文 
字 的 设置 则 使 用 了 不 同 的 颜色 和 文字 大 小 ， 从 而 使 文字 部 分 产生 层次 感 ， 如 图 8-19 所 示 。 

@3 在 版 面 的 下 方 通过 不 同 大 小 和 颜色 的 圆 形 来 表现 其 他 相应 的 内 容 ， 丰 富 版 面 的 表现 形式 ， 
使 版 面 的 表现 更 加 丰满 、 活 跃 ， 如 图 8-20 所 示 。 

@ 该 DM 宣传 单 页 的 背景 采用 与 正面 相同 的 设计 风格 ， 从 而 保持 统一 ， 在 背面 使 用 图 文 相 结合 的 

方式 介绍 该 商业 地 产 项 目的 相关 内 容 ， 表 现形 式 活跃 ， 内 容 清晰 、 有 条 理 ， 效 果 如 图 8-21 所 示 。 
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图 8-19 


























8.3.4 对 比分 析 


优秀 的 DM 宣传 广告 不 仅仅 把 相关 信息 宣传 出 去 ， 还 要 具有 一 定 的 收藏 价值 ， 这 就 需要 设计 师 
在 设计 DM 宣传 单 页 时 熟知 消费 者 的 心理 习性 和 规律 等 各 种 因素 。 
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设计 初稿 -0 





1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 1 
1 @ 版 面 使 用 深蓝 色 的 背景 , 并 且 只 保留 了 左右 两 侧 很 少 部 分 区 域 , 使 得 该 部 分 显得 很 突 元 , 无 法 体现 出 绚丽 、 1! 
! 时尚 的 风格 。 ! 
1 @ 在 版 面 中 使 用 黄色 矩形 作为 主体 内 容 的 背景 ， 和 矩形 的 效果 太 过 于 死板 ， 很 容易 造成 视觉 疫 劳 ， 完 成 无 法 
! 体现 时 尚 和 个 性 的 感觉 。 1 
! @ 版 面 上 方 的 文字 只 是 进行 了 简单 的 字体 大 小 的 变化 ， 不 仅 显得 版 面 不 够 丰富 ， 而 且 还 没有 很 好 地 突出 主 ! 
1 题 文字 ， 会 容易 造成 一 些 主要 的 文字 信息 被 消费 者 所 忽视 。 ! 
1 

1 

J 

1 

1 

1 

1 

1 

1 

1 

1 

1 

1 

1 

1 

1 

1 

1 

1 

1 

1 

1 

1 

1 

1 

1 





1 @ 宣传 单 页 背面 图 片 的 运用 过 于 简洁 ， 没 有 任何 变化 ， 显 得 整个 宣传 单 档次 不 够 高 。 
1 
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1 
, 商业 地 产 的 时 尚 与 绚丽 风格 。 1 
1@@ 在 版 面 的 主体 部 分 使 用 蓝 色 和 黄色 这 两 种 对 比 色调 来 构成 主体 部 分 的 背景 ， 对 比 色调 的 运用 不 仅 能 够 突 ， 
1 ”出 主体 部 分 内 容 的 显示 ， 还 能 够 更 好 地 丰富 背景 的 表现 效果 。 
1@ 在 版 面 上 方 的 主题 文字 部 分 ， 为 相应 的 文字 添加 色 块 图 形 进行 装饰 ， 使 其 表现 效果 更 突出 ， 表 现形 式 更 ! 
1 多样， 并且 能 够 丰富 版 面 中 文字 内 容 的 表现 层次 。 1 
1 @@ 在 宣传 单 页 的 背面 图 片上 运用 一 些 效果 和 变化 ， 使 其 与 版 面 的 整体 表现 更 加 和 谐 ， 并 且 整 个 宣传 单 页 显 | 
! 得 有 格调 ， 视 觉 效果 更 强 。 


8.4 房地产 四 折 页 版 式 设计 


各 种 类 型 的 折 页 也 是 一 种 常见 的 DM 宣传 广告 形式 。 通 过 清晰 、 明 了 的 折 页 设计 体现 出 产品 自 
身 的 特点 ， 能 够 将 设计 与 产品 本 身 统一 在 同一 种 风格 上 ， 有 助 于 消费 者 对 产品 进行 选择 。 


8.4.1 项 目 分 析 


本 案例 设计 的 是 一 个 房地产 四 折 页 ， 该 折 页 的 版 式 设 计 简洁 、 主 题 明确 。 在 该 四 折 页 的 正面 使 用 
红色 来 表现 折 页 的 封面 和 封底 ， 而 其 他 两 个 页 面 则 使 用 满 版 的 图 片 ， 使 版 面 的 表现 效果 非常 简洁 、 大 
气 。 该 四 折 页 的 内 页 则 使 用 浅 灰 色 作 为 背景 色调 ， 但 是 在 每 个 内 页 中 都 加 入 了 红色 的 不 规则 图 形 或 文 
字 ， 与 整体 的 表现 风格 统一 ， 整 个 宣传 折 页 的 版 式 设 计 给 人 和 谐 、 统 一 的 感觉 。 本 案例 所 设计 的 房 地 
产 四 折 页 的 最 终 效 果 如 图 8-22 所 示 。 


"gm 到 
下 再 
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中 国 . 中 部 国际 鞋 都 中 部 国际 神州 往 业 产业 园 
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凤 8-22 
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图 8-22( 续 ) 








在 该 房地产 四 折 页 的 版 式 设计 中 主要 使 用 了 两 类 素材 ， 一 类 是 该 地 产 项 目的 整体 效果 图 ， 主 要 


运用 在 四 折 页 的 


正面 ， 突 出 表现 该 地 产 项 目的 宏伟 规模 和 效果 ; 另 一 类 是 能 够 表现 地 产 项 目的 交通 、 





环境 、 商 业 和 氛围 
以 及 便捷 的 交通 


的 素材 图 片 ， 主 要 运用 在 该 四 折 页 的 内 页 中 ， 用 于 澶 染 该 地 产 项 目 浓厚 的 商业 氛围 
等 。 本 案例 所 设计 的 房地产 四 折 页 所 使 用 到 的 主要 素材 如 图 8-23 所 示 。 


rs 
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8.4.2 配色 分 析 


本 案例 所 设计 的 房地产 四 折 页 使 用 红色 作为 版 面 的 主 色调 ， 给 人 一 种 大 气 、 红 火 、 热 情 的 
感觉 。 在 红色 的 背景 中 搭配 白色 的 文字 ， 文 字 内 容 清 晰 、 易 读 。 在 四 折 页 的 内 页 中 使 用 浅 灰色 
作为 版 面 的 背景 主 色调 ， 使 内 页 形成 统一 的 视觉 效果 ， 在 各 页 面 中 点 缀 红色 的 色 块 ， 搭 配 深蓝 
色 的 文字 ， 文 字 与 红色 的 色 块 形成 强烈 的 对 比 效 果 ， 内 页 版 面 中 的 内 容 清晰 ， 具 有 很 好 的 条 理 
性 和 可 读 性 。 


RGB(153、0、 0) RGB(0、51、102) RGB(250、250、250) 
CMYK(45、100、100、 15) CMYK(100、91、47、8) CMYK(C2、2、2、0) 














8.4.3 设计 思路 


所 本 案例 所 设计 的 是 户 地 产 四 折 页 ， 在 设计 之 前 首先 需要 清楚 每 一 页 的 尺寸 ， 从 而 才能 够 确定 
展开 的 尺寸 大 小 ,该 四 折 页 的 展开 尺寸 为 840mm x 340mm, 并 需要 为 四 边 各 预 留 3mm 出 血 区 域 ， 
如 图 8-24 所 示 。 

2 因为 新 建 的 文档 是 四 折 页 展开 的 尺寸 大 小 ， 所 以 在 设计 之 前 首先 需要 通过 参考 线 将 版 面 中 各 
页 面 的 位 置 划 分 出 来 ， 每 个 页 面 的 尺寸 为 210mm x 340mm， 如 图 8-25 所 示 。 





=| 

提 折 页 的 折 法 有 很 多 种 ， 其 中 常用 的 有 风琴 折 、 滚 简 折 和 荷包 折 。 本 案例 所 设计 的 折 页 为 滚 简 1 
未 式 折 法 。 由 于 折 法 的 不 同 ， 每 个 折 页 的 尺寸 设计 的 也 不 尽 相 同 ， 滚 简 折 最 后 一 折 要 小 于 其 他 两 折 ，! 
1 “(1mm~3mm)， 而 风琴 折 各 页 面 的 尺寸 相同 。 3 


和 





~ 
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@3 中 间 两 页 为 封 本 











和 封底 ， 使 用 红色 来 表现 封面 和 封底 ， 并 添加 相应 的 素材 ， 使 封面 和 封底 的 
































表现 效果 更 加 丰富 ， 其 他 两 页 则 使 用 项 目的 全 景 效果 图 作为 满 版 图 片 ， 泻 染 该 地 产 项 目的 整体 氛围 ， 














如 图 8-26 所 示 。 















































图 8-26 


人 9 在 封面 和 封底 版 面 中 添加 相应 的 白色 文字 ， 注 意 使 用 不 同 的 字体 和 字号 来 突出 表现 不 同 的 内 

















容 ， 使 文字 内 容 具 有 层次 感 ， 如 图 8-27 所 示 。 











和 8-27 














《区 在 其 他 两 个 版 画 














中 , 直 

















朗 在 项 目 全 景 效果 图 的 基础 上 添加 相应 的 图 形 与 文字 ， 标 注 出 项 目 中 














各 部 分 的 功能 与 作用 ， 从 而 使 项 














的 表现 更 加 直观 ， 如 图 8-28 所 示 。 
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图 8-28 


@3 四 折 页 内 页 版 面 的 尺寸 与 正面 的 版 面 尺寸 完 全 相同 ， 在 内 页 版 面 中 主要 是 通过 文字 内 容 的 排 
版 来 表现 项 目的 详细 说 明 内 容 ， 注 意 在 版 面 中 不 规则 形状 的 图 形 与 色 块 的 应 用 ， 使 内 页 各 页 面 的 风 
格 统一 ， 并 且 表 现 出 较 强 的 时 代 感 ， 如 图 8-29 所 示 。 


RE 















































8.4.4 ”对比 分析 


现 如 今 宣传 折 页 在 日 常生 活 中 随处 可 见 。 宣 传 折 页 设计 的 样式 也 是 多 种 多 样 ， 好 的 宣传 折 页 不 
仅 需 要 把 宣传 的 信息 完美 地 表达 出 去 ， 还 需要 有 独特 的 样式 让 观 者 对 它 产生 一 种 喜爱 的 感觉 。 
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1 设计 初稿 人 -=--------------------------------------------- 





神州 料 业 产业 国 





每 四 折 页 的 封面 和 封底 使 用 纯 红色 表现 ， 在 纯色 块 的 背景 上 搭配 白色 的 文字 内 容 ， 版 面 显示 简洁 ， 但 背 
景 过 于 单调 ， 没 有 任务 纹理 表现 。 

在 四 折 页 正面 左右 两 页 的 页 面 中 , 使 用 满 版 图 片 作 为 背景 , 在 图 片 中 直接 使 用 白色 的 文字 标注 相应 的 内 容 ， 
文字 在 图 片上 的 显示 效果 不 是 很 清楚 ， 并 且 表 现 效果 不 强 。 
在 
几 
在 














四 折 页 的 内 页 版 面 中 ， 使 用 默认 的 矩形 图 片 在 版 面 中 进行 排版 处 理 ， 显 得 比较 呆板 ， 与 其 他 页 面 中 的 
何 形状 图 片 和 色 块 风格 不 符 。 
四 折 页 的 内 页 版 面 中 , 每 部 分 介绍 文字 的 主 标题 和 副标题 都 使 用 蓝 色 的 字体 , 标题 文字 的 层次 感 不 强 。 





中 部 国际 蔡 部 -黄帝 故里 
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hor 
人 @ 在 该 宣传 折 页 的 封面 和 封底 中 添加 富有 商业 气息 的 背景 ， 将 背景 素材 与 色 块 融合 在 一 起 ， 使 得 版 面 背景 
的 表现 更 加 丰富 ， 也 能 够 有 效 突 出 表现 该 宣传 折 页 的 主题 。 
加 在 宣传 折 页 正面 左右 两 页 的 页 面 中 ， 将 图 片 中 的 各 个 标注 设计 为 位 置 图 标的 形式 ， 红 色 的 位 置 图 标 与 封 
面 和 封底 的 背景 色调 相 统 一 ， 并 且 使 得 标注 的 内 容 更 加 清晰 、 易 读 。 
人 @ 在 宣传 折 页 的 内 页 版 面 中 ， 将 图 片 素材 处 理 为 三 角形 的 形状 ， 与 其 他 内 页 中 的 图 片 和 色 块 形状 相 统一 ， 
使 内 页 版 面 的 表现 效果 更 加 具有 现代 感 和 时 尚 感 。 
人 @ 在 宣传 折 页 的 内 页 版 面 中 ， 将 每 段 介 绍 文字 内 容 的 主 标题 和 副标题 分 别 设置 为 蓝 色 和 红色 的 字体 ， 使 主 
标题 与 副标题 具有 很 强 的 对 比 效果 ， 能 够 更 好 地 吸引 消费 的 关注 。 
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户外 广告 是 继 广播 、 电 视 、 报 纸 和 杂志 之 后 的 第 五 大 媒体 。 
传统 的 户外 广告 主要 有 路 牌 广告 、 楼 体 广告 等 。 近 几 年 来 新 型 户 
外 广告 形式 不 断 涌现 ， 如 汽车 车 身 广告 、 公 路 沿线 广告 、 城 市 道 
路 灯 杆 挂 旗 广 告 和 电子 屏幕 广告 等 。 

本 章 将 向 读者 介绍 户外 广告 版 式 设计 的 相关 知识 和 内 容 ， 
并 通过 商业 案例 的 分 析 讲 解 ， 使 读者 能 够 更 加 深入 地 理解 户外 
广告 版 式 设计 的 方法 和 技巧 。 
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9.1 户外 广告 版 式 设计 概述 


户外 广告 简称 OD， 主 要 指 在 城市 的 交通 要 道 两 边 、 主 要 建筑 物 的 楼 顶 或 者 商业 区 的 门 前 和 路 边 
等 户外 场地 发 布 的 广告 。 一 般 能 在 露天 或 公共 场合 通过 广告 表现 形式 ， 同 时 向 许多 消费 者 进行 诉求 ， 
以 达到 推销 商品 目的 的 媒体 都 可 以 称 为 户外 媒体 广告 。 


9.1.1 常见 户外 广告 形式 


户外 广告 种 类 很 多 ， 从 空间 角度 可 划分 为 平面 户外 广告 和 立体 户外 广告 ; 从 技术 含量 上 可 划分 
为 电子 类 户外 广告 和 非 电子 类 户外 广告 ; 从 物理 形态 角度 可 划分 为 静止 类 户外 广告 和 运动 类 户外 广 
告 ; 从 购买 形式 上 还 可 划分 为 单一 类 户外 广告 和 组 合 类 户外 广告 。 
1. 电子 类 

电子 类 户外 广告 包括 需 虹 灯 广 告 、 激 光 射 灯 广 告 、 三 面 电子 翻转 广告 牌 、 电 子 翻转 灯箱 和 电子 
显示 屏 等 ， 如 图 9-1 所 示 。 
2. 非 电 子 类 

非 电子 类 户外 广告 包括 路 牌 、 商 店 招牌 、 条 幅 以 及 车 站 广告 、 车 体 广告 、 充 气 模型 广告 和 热气 
球 广 告 等 ， 如 图 9-2 所 示 。 


























3. 静止 类 

静止 类 户外 广告 包括 户外 看 板 、 外 墙 广告 、 需 虹 广告 、 电 话 亭 广 告 、 报 刊 亭 广告 、 候 车 亭 广告 、 
单 立柱 路 牌 广告 、 电 视 墙 、LED 电子 广告 看 板 、 广 告 气球 、 灯 箱 广告 、 公 交 站 台 广 告 、 地 铁 站 台 广 告 、 
机 场 车 站 内 广告 等 ， 如 图 9-3 所 示 。 
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4. 运动 类 
运动 类 户外 广告 包括 公交 车 车 体 广告 、 公 交 车 车 厢 内 广告 、 地 铁 车 厢 内 广告 、 索 道 广告 、 热 气 
球 广 告 等 ， 如 图 9-4 所 示 。 





5. 单一 类 

单一 类 户外 广告 是 指 在 购买 户外 媒体 时 单独 购买 的 媒体 ， 例 如 射 灯 广告 、 单 立柱 广告 、 需 虹 灯 
广告 、 墙 体 广告 和 多 面 翻转 广告 牌 等 ， 如 图 9-5 所 示 。 
6. 组 合 类 

组 合 类 户外 广告 是 指 可 以 按 组 或 套装 形式 购买 的 媒体 ， 例 如 路 牌 广告 、 候 车 亭 广告 、 车 身 广 告 、 
地 铁 机 场 和 火车 站 广告 等 ， 如 图 9-6 所 示 。 














图 9-5 








9.1.2 户外 广告 的 特点 
户外 广告 具有 到 达 率 高 、 视 觉 冲 击 力 强 、 发 布 时 段 长 、 投 入 成 本 低 、 城 市 覆盖 率 高 等 特点 。 在 
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户外 广告 中 ， 路 牌 、 招 贴 是 最 为 重要 的 两 种 形式 ， 使 用 范围 非常 广泛 ， 影 响 巨大 。 如 图 9-7 所 示 为 


设计 出 色 的 户外 广告 。 
@ 


计 计 皮革 庆 到 洁 和 关 ，) 


LOGOTANG.COM 








9-7 
户外 广告 设计 与 其 他 广告 设计 相 比 ， 更 具有 特殊 性 。 户 外 广告 没有 具体 的 尺寸 规定 ， 可 以 根据 
所 处 的 位 置 以 及 客户 要 求 来 确定 具体 的 尺寸 。 只 需要 将 文件 的 分 辨 率 设 置 在 72dpi 以 上 ， 以 保证 印 
刷 质量 。 


9.1.3 户外 广告 的 设计 流程 


户外 广告 不 只 需要 考虑 平面 的 版 式 效 果 ， 还 需要 结合 具体 的 施工 条 件 调整 设计 方案 ， 只 有 设计 
与 施工 的 完美 结合 才能 成 就 成 功 的 户外 广告 ， 其 设计 流程 主要 分 为 以 下 几 个 步骤 。 
1. 调研 分 析 

这 一 阶段 主要 是 根据 广告 客户 的 要 求 以 及 具体 广告 位 的 功能 来 确定 设计 规模 ， 全 面 了 解 版 面 中 
各 个 构图 元 素 的 特征 、 功 能 、 风 格 、 社 会 历史 背景 、 牌 面 材质 等 。 还 需要 考虑 到 现场 条 件 ， 如 当地 
的 人 们 对 色彩 的 喜好 、 风 俗 习惯 、 电 力 供应 等 情况 ， 进 行 综合 分 析 之 后 再 确定 设计 思路 。 
2. 设计 构思 

在 了 解 了 情况 的 基础 上 并 完成 研究 分 析 之 后 ， 就 进入 了 设计 构思 的 阶段 。 根 据 牌 面 的 结构 形式 
和 所 需要 表现 的 内 涵 来 确定 版 面 的 表现 方式 ， 并 绘制 出 设计 草图 。 
3. 方案 设计 阶段 

将 研究 分 析 落 实在 相应 的 广告 牌 面 上 ， 绘 制 出 相应 的 平面 及 立体 效果 图 ， 并 将 其 物化 ， 供 广告 
客户 审核 。 
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4. 绘制 施工 图 

确定 平面 设计 的 方案 之 后 ， 由 施工 方 根据 设计 方案 ， 进 行 设计 程序 中 最 后 一 个 步骤 ， 也 就 是 绘 
制 施工 图 ， 制 定 具体 的 施工 方案 。 
5. 施工 阶段 

当 所 有 的 设计 程序 都 完成 之 后 ， 由 施工 方 组 织 安装 人 员 根 据 施工 图 纸 进 行 施工 ， 完 成 户外 广告 
的 最 终 制作 。 如 图 9-8 所 示 为 设计 出 色 的 户外 广告 。 


XCTRAVELSCON, 





图 9-8 


9.2 户外 广告 的 版 式 设计 特点 


如 今 ， 众 多 的 广告 公司 越 来 越 关注 户外 广告 的 创意 、 设 计 效果 的 实现 。 各 行 各 业 热切 希望 迅速 
提升 企业 形象 ， 传 播 商 业 信息 。 各 级 政府 也 希望 通过 户外 LED 看 板 广 告 来 树立 城市 形象 、 美 化 城市 。 
这 些 都 给 户外 广告 制作 提供 了 巨大 的 市 场 机 会 ， 也 因此 提出 了 更 高 的 要 求 。 


9.2.1 户外 广告 的 构成 要 素 


户外 广告 的 构图 方式 丰富 多 样 , 没有 具体 的 约束 , 可 以 灵活 运用 。 其 中 最 为 常见 的 有 满 版 式 构 图 、 
对 角 式 构图 、 聚 集 式 构图 、 导 引 式 构图 、 立 体式 构图 和 自由 式 构图 等 类 型 。 大 部 分 的 构图 方式 都 要 
以 简洁 明了 为 基本 要 求 。 

文字 、 图 像 和 色彩 是 户外 广告 设计 的 三 大 要 素 。 
1. 文字 

与 其 他 的 广告 不 同 ， 户 外 广告 中 的 文字 信息 必须 以 简明 扼要 为 基本 要 求 ， 力 求 以 最 少 的 文字 达 
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到 最 有 效 的 宣传 效果 ， 如 图 9-9 所 示 。 








(=| 1 
提 户外 广告 的 文字 内 容 集中 在 品牌 名 、 产 品名 、 企 业 名 或 标准 统一 的 广告 用 语 上 ， 字 体 选择 应 该 
示 尽量 单一 化 ， 不 可 以 选择 过 多 的 字体 ， 注 意 应 用 企业 的 标准 字体 。 4 


J 


2. 图 像 
由 于 户外 广告 必须 在 一 瞬间 抓 住 行 人 的 眼球 ， 因 此 广告 中 的 图 像 要 有 极 强 的 视觉 冲击 力 ， 并 且 
不 能 过 于 复杂 ， 如 图 9-10 所 示 。 






































3. 色彩 
色彩 是 户外 广告 给 人 的 第 一 印象 ， 因 此 也 是 极为 重要 的 元 素 。 户 外 广告 中 的 色彩 应 该 能 够 非常 
准确 地 传递 广告 主题 的 情感 ， 这 样 才能 使 人 产生 共鸣 ， 并 留 下 深刻 印象 ， 如 图 9-11 所 示 。 
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技 方面 要 注意 各 因素 信 此 的 对 比 统一 关系 ， 注 意 才 企 
匣 :和 产品 的 标准 色 系 或 形象 色彩 。 


9.2.2 户外 广告 的 设计 要 点 


由 于 户外 广告 针对 的 目标 受众 在 广告 面前 停留 的 时 间 短 暂且 快速 ， 可 以 接受 的 信息 容量 有 限 。 
而 要 使 受众 在 短暂 的 时 间 中 理解 接受 户外 广告 传递 的 信息 ， 户 外 广告 就 必须 更 强烈 地 表现 出 给 人 提 
示 和 强化 印象 留存 的 作用 。 力 求 简洁 和 单纯 ， 重 点 传达 企业 自身 的 品牌 标志 形象 或 产品 形象 ， 充 分 
展现 企业 和 产品 的 个 性 化 特征 ， 注 重 其 直观 性 ， 表 现 手法 的 统一 性 和 一 贯 性 。 

户外 广告 的 设计 定位 , 是 对 广告 所 要 宣传 的 产品 、 消 费 对 象 、 企 业 文化 理念 做 出 科学 的 前 期 分 析 ， 
是 对 消费 者 的 消费 需求 、 消 费心 理 等 诸多 领域 进行 探究 ， 是 市 场 营销 战略 的 一 部 分 ; 广告 设计 定位 
也 是 对 产品 属性 定位 的 结果 ， 没 有 准确 的 定位 ， 就 无 法 形成 完备 的 广告 运作 整体 框架 。 

在 设计 方面 ， 一 方面 可 以 讲究 质朴 、 明 快 、 易 于 辨认 和 记忆 ， 注 重 解 释 功 能 和 诱导 功能 的 发 挥 ; 
另 一 方面 能 够 体现 创意 性 ， 将 奇 思 妙 想 注入 户外 广告 当中 ， 如 图 9-12 所 示 。 

户外 广告 的 设计 可 以 增加 一 定 的 诱导 性 与 互动 性 ， 可 以 用 制作 悬念 的 方式 来 诱导 消费 者 的 注意 
力 ， 也 可 以 在 户外 广告 中 开设 有 趣味 的 互动 功能 。 如 此 一 来 ， 广 告 的 目的 达到 了 ， 公 司 也 省 去 了 一 
大 笔 的 市 场 调查 费 用 ， 可 谓 一 举 两 得 ， 如 图 9-13 所 示 。 
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9.2.3 ”户外 广告 的 视觉 流程 


户外 广告 的 视觉 流程 与 海报 招贴 设计 的 视觉 流程 比较 相似 。 首 先 ， 需 要 有 足够 夺 人 眼球 的 视觉 
元 素 , 例如 巨大 的 尺寸 、 奇 特 的 外 形 、 与 众 不 同 的 色彩 、 夸张 的 图 形 等 , 以 引起 行人 的 注意 , 如 图 9-14 
所 示 。 但 切记 这 些 元 素 一 定 要 符合 广告 的 主题 和 风格 ， 万 万 不 可 为 了 追求 视觉 的 刺激 而 使 用 与 主体 
不 符 的 元 素 和 表现 手法 ， 否 则 将 会 适得其反 。 

















成 功 抢夺 视线 之 后 , 就 需要 进一步 让 人 明白 广告 要 宣传 什么 , 这 时 就 需要 用 文字 来 进行 具体 说 明 。 
由 于 户外 广告 的 特殊 性 ， 不 允许 读者 有 过 多 的 时 间 来 进行 阅读 ， 因 此 简单 精准 的 文案 是 户外 广告 的 
重点 ， 同 时 配合 适当 的 字体 、 字 号 使 信息 的 传达 更 有 效 ， 如 图 9-15 所 示 。 
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图 9-15 











最 后 需要 对 广告 所 宣传 的 产品 或 主题 进行 再 次 强调 ， 强 化 读者 记忆 。 
站 1 
提 大 型 的 户外 广告 牌 因为 其 尺寸 比较 大 ， 通 常 都 是 采用 喷绘 的 方式 。 喷 绘 机 使 用 的 介质 一 般 都 是 
示 告 布 ， 包 括 外 光 灯 布 和 内 光 灯 布 ， 前 者 用 于 普通 画面 ， 后 者 用 于 灯箱 。 墨 水 使 用 油性 墨水 ， 喷 绘 公司 
1 为 了 保证 画面 的 持久 性 ， 一 般 画 面色 彩 比 显示 器 上 的 颜色 要 深 一 点 。 它 实际 输出 的 图 像 分 辨 率 一 般 只 
! ”需要 30 ~ 45dpi 即 可 。 


9.3 房地产 户外 广告 版 式 设计 


户外 围 挡 广告 通常 都 不 能 设计 得 过 于 复杂 ， 因 为 没有 人 会 停 下 脚步 仔细 地 看 广告 的 内 容 ， 所 以 
设计 制作 围 挡 广告 时 需要 注意 广告 画面 的 精美 流畅 、 主 题 内 容 的 简洁 ， 使 人 能 够 一 眼 就 能 明白 广告 
的 主题 和 含义 。 


9.3.1 项 目 分 析 


本 案例 所 设计 的 房地产 户外 围 挡 广告 ， 通 过 简洁 的 弧 线 进行 构图 ， 使 整个 广告 版 面 非常 流畅 ， 
设计 精美 的 地 产 项 目 效果 图 ， 给 人 留 下 深刻 的 印象 ， 搭 配 地产 Logo 和 主题 文字 ， 简 单 明 了 地 阐述 广 
告 主题 。 本 案例 所 设计 的 房地产 户外 广告 的 最 终 效果 如 图 9-16 所 示 。 

在 该 房地产 户外 广告 版 面 中 ， 主 要 是 以 该 房地产 项 目的 建筑 效果 图 为 主要 素材 ， 充 分 展示 该 房 
地 产 项 目的 精美 效果 和 优秀 品质 ， 在 版 面 中 还 使 用 了 该 房地产 项 目的 Logo 图 片 素材 ， 加 深 受 众 对 该 


i 
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房地产 项 目的 印象 。 本 案例 设计 的 房地产 户外 广告 所 使 用 的 素材 如 图 9-17 所 示 。 


限 增 值 潜力 


0551-673146** 


展 增 人 潜力 
-673146** 





图 9-16 
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房地产 项 目 效 果 责 更 

















9.3.2 配色 分 析 


本 案例 所 设计 的 房地产 户外 广告 的 色彩 搭配 很 好 地 表现 出 产品 高 贵 奢 华 、 无 尽 荣光 的 特征 。 紫 
色 象 征 着 高 贵 ; 黄色 占据 整体 图 形 中 间 位 置 ， 有 种 光芒 四 射 的 感觉 深蓝 色 表 现 出 一 种 沉稳 冷静 ， 
与 黄色 形成 视觉 上 的 冲击 和 对 比 。 








» 170 


第 9 章 户外 广告 的 版 式 设计 IE 


RGB(223、192、93) RGB(8、37、58) RGB(116、 83、146) 
CMYK(15、25、70、0) CMYK(98, 88, 62\ 42) CMYK(64, 73、 13、 0) 


9.3.3 设计 思路 


所 四 该 广告 是 一 个 户外 工地 的 围 挡 广告 ， 将 广告 尺 
寸 设 置 为 1200mm x 340mm， 远 视 性 强 ， 冲 击 力 大 ， 
如 图 9-18 所 示 。 

kz 配合 广告 的 属性 ， 选 择 该 房地产 项 目的 效果 图 
作为 版 面 的 满 版 背景 ， 给 人 很 强 的 视觉 冲击 力 ， 如 图 
9-19 所 示 。 








图 9-18 























担 在 设计 户外 广告 时 ， 依 然 可 以 采用 分 辩 率 为 300dpi 的 方式 进行 制作 ， 最 终 在 进行 喷绘 输出 时 喷 | 
示 绘 公司 会 根据 情况 将 文件 的 分 辩 率 降低 到 30 ~ 45dpi。 这 样 设计 稿 的 尺寸 就 会 非常 大 ， 能 够 适用 于 ' 
1 ”户外 广告 牌 。 另外， 采用 喷绘 方式 输出 的 户外 广告 在 设计 时 可 以 不 预 留 出 血 。 
3 绘制 曲线 弧 状 色 块 来 分 割 版 面 ， 将 版 面 分 割 为 上 下 两 个 部 分 ， 使 广告 版 面 表现 出 流动 的 动态 
感 ， 如 图 9-20 所 示 。 
@3 在 版 面 中 添加 该 房地产 项 目的 Logo 素材 和 简洁 的 广告 宣传 语 , 使 整个 广告 版 面 的 表现 简洁 、 
大 方 ， 主 题 突出 、 直 观 ， 如 图 9-21 所 示 。 
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图 9-21 


9.3.4 对比 分析 


在 户外 广告 中 ， 图 形 最 能 吸引 人 们 的 注意 力 ， 需 要 注意 的 是 画面 形象 越 繁杂 ， 给 人 们 的 感觉 越 
亲 乱 ; 画面 越 单纯 ， 人 们 的 注意 值 也 就 越 高 ， 设 计 师 应 力图 给 人 们 留 有 充分 的 想象 空间 。 





无 限 增值 潜力 
©0551-673146** 








9 在 广告 版 面 中 将 广告 语 放置 在 版面 的 左上 方 ， 导致 广 告 版 面 下 方 过 于 空 ， 使 得 整个 广告 看 起 来 非常 不 
协调 。 

@@ 在 广告 版 面 上 方 使 用 了 普通 的 矩形 色 块 ， 与 背景 的 满 版 图 片 分 割 不 明显 ， 感 觉 色 块 与 图 片 都 混在 一 起 ， 
画面 完全 失去 了 活力 。 
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广告 版 面 中 的 宣传 语 荀 加 放置 在 满 版 图 片上 方 ， 与 图 片 相辅相成 ， 更 好 地 痢 述 广告 版 面 的 主题 。 
广告 版 面 中 通过 流畅 的 圆 弧 状 图 形 给 整个 广告 版 面 带 来 一 种 流动 的 动态 感 ， 打 破 了 整个 版 面 的 沉 六 。 


ts 


9.4 ”手机 户外 灯箱 广告 版 式 设计 


每 一 个 户外 广告 都 是 一 件 街 头 艺术 品 ， 户 外 广告 画面 应 该 具有 较 强 的 视觉 中 心 ， 并 力求 新 颖 ， 
此 外 还 必须 具有 独特 的 艺术 风格 。 


9.4.1 项 目 分 析 


本 案例 所 设计 的 手机 户外 灯箱 广告 ， 将 手机 产品 放置 在 画面 的 中 心 位 置 ， 占 据 整 个 版 面 较 大 的 
面积 ， 非 常 醒 目 ， 搭 配 具有 街头 特色 的 背景 图 像 ， 使 版 面 表现 出 一 种 校园 、 时 尚 的 氛围 ， 版 面 中 的 
主题 文字 则 采用 大 号 描 边 文字 ， 并 对 文字 进行 倾斜 处 理 ， 使 得 主题 文字 给 人 很 强 的 动感 效果 ， 整 个 

告 画面 给 人 感觉 时 尚 而 动感 。 本 案例 所 设计 的 手机 户外 灯箱 广告 的 最 终 效果 如 图 9-22 所 示 。 


E . 
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本 案例 所 设计 的 手机 户外 灯箱 广告 其 主题 是 为 了 宣传 和 推广 最 新 款 的 手机 产品 ， 所 以 该 广告 设计 
中 手机 产品 图 片 当然 是 最 重要 的 素材 ， 为 了 配合 版 面 的 表现 效果 ， 还 使 用 了 一 些 街头 和 和 舞蹈 人 物 的 素 
材 图 片 来 渲染 出 时 尚 、 动 感 的 氛围 。 本 案例 设计 的 手机 户外 灯箱 广告 所 使 用 的 素材 如 图 9-23 所 示 。 


四 U 
(Wee) 
p> 
入 
9.4.2 配色 分 析 


本 案例 所 设计 的 手机 户外 灯箱 广告 ， 其 手机 产品 的 定位 就 是 针对 年 轻 人 的 炫 彩 个 性 风格 ， 所 以 
在 广告 版 面 的 设计 中 也 使 用 了 多 种 纯度 和 明度 较 高 的 色彩 进行 搭配 ， 包 括 蓝 色 、 橙 色 、 紫 色 等 ， 使 
版 面 表现 出 一 种 炫 彩 和 时 尚 的 视觉 效果 。 


RGB(0、78、162) RGB(234、84、 21) RGB(96、25、134) 
CMYK(94、 74、 8、 0) CMYK(8、 80、95、 0) CMYK(78、 100、13、0) 


9.4.3 设计 思路 


所 该 广告 主要 放置 在 路 边 及 公交 站 台 的 小 型 灯箱 中 ， 因 此 将 尺寸 设置 为 2100mm x 3100mm， 
如 图 9-24 所 示 。 































































图 9-23 
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多 为 了 配合 该 手机 产品 的 定位 ， 使 用 与 年 轻 、 时 尚 相关 的 一 些 图 片 素材 作为 版 面 的 背景 ， 泻 染 
整个 广告 画面 的 氛围 ， 如 图 9-25 所 示 。 








图 9-24 图 9-25 


Ey 在 版 面 的 正中 间 位 置 放置 产品 图 片 , 产品 图 片 占据 较 大 的 面积 , 给 人 直观 的 视觉 效果 , 如 图 9-26 
所 示 。 
2 在 产品 上 方 使 用 大 号 粗 体 文字 表现 广告 的 主题 , 将 主题 文字 设置 为 不 同 的 色彩 , 并 进行 倾斜 处 理 ， 
使 版 面 表现 出 动感 和 时 尚 的 效果 ， 如 图 9-27 所 示 。 
在 广告 版 面 的 其 他 位 置 分 别 添加 其 他 的 相关 内 容 ， 使 整个 版 面 表现 出 年 轻 、 时 尚 的 风格 ， 如 
9-28 所 示 。 
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技 的 交 果 ， 广 告 酸 面 中 的 色彩 不能 设置 和 
了 六 洲 滋 否则 在 夜晚 开 灯 的 状态 下 会 影响 广告 的 表现 效果 。 


9.4.4 对 比分 析 


户外 广告 具有 传播 力 强 、 成 本 低 的 特点 ， 有 利于 开拓 市 场 ， 提 高 企业 知名 度 。 户 外 媒体 广告 的 表 
现 方式 多 种 多 样 ， 而 且 也 具有 其 他 媒体 广告 无 法 达到 的 效果 。 


.设计 初稿 》》----------------- + 最 终 效 果 ?》------------------- 





人 @ 在 版 面 中 间 位 置 放置 产品 图 片 ， 并 且 将 产品 图 
片 与 产品 颜色 图 片 进行 大 小 对 比 ， 重 点 突出 产 
品 表现 效果 。 

@ 将 版 面 中 的 主题 文字 使 用 不 同 的 色彩 进行 表现 ， 
并 且 将 文字 进行 倾斜 处 理 , 表现 效果 更 加 突出 。 

@ 在 版 面 下 方 使 用 较 小 的 文字 来 表现 产品 功能 说 
明 内 容 ， 做 到 主 次 有 序 。 


人 @ 在 版 面 的 中 间 位 置 放置 产品 图 片 ， 并 且 将 产 
品 图 片 与 产品 的 不 同色 彩 图 片 放置 在 一 起 ， 
大 小 差别 不 大 ， 这 就 造成 了 尺寸 大 小 对 比 不 
明显 ， 产 品 的 表现 效果 不 够 突出 。 

人 @ 在 版 面 中 使 用 粗 体 白色 文字 表现 主题 内 容 ， 
白色 文字 在 图 片 背景 中 的 显示 效果 不 是 很 清 
晰 ， 并 且 与 广告 版 面 的 氛围 不 符 。 

人 @ 在 版 面 下 方 放置 手机 功能 说 明 内 容 ， 文 字 内 
容 较 大 ， 显 得 突 元 。 
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宣传 画册 不 是 一 般 的 商品 ， 而 是 一 种 文化 。 因 此 在 宣传 画 
册 的 版 式 设计 中 ， 哪 怕 是 一 根 线 、 一 行 字 、 一 个 抽象 符号 或 一 
两 块 色彩 ， 都 需要 具有 一 定 的 设计 思想 。 既 要 有 内 容 ， 又 要 具 
有 美感 ， 从 而 使 宣传 画册 达到 雅俗共赏 。 

本 章 将 向 读者 介绍 宣传 画册 版 式 设计 的 相关 知识 和 内 容 ， 
并 通过 商业 案例 的 分 析 讲解 ， 使 读者 能 够 更 加 深入 地 理解 宣传 
画册 版 式 设 计 的 方法 和 技巧 。 


























版式 设 计 一 一 设 计 师 必 备 宝典 


10.1 宣传 画册 版 式 设计 概述 


宣传 画册 是 企业 的 一 张 名 片 ， 它 包含 着 企业 的 文化 、 荣 誉 和 产品 等 内 容 ， 展 示 了 企业 的 精神 和 
理念 。 宣 传 画册 必须 能 够 正确 传达 企业 的 文化 内 涵 ， 同 时 给 受众 带 来 卓越 的 视觉 感受 ， 进 而 达到 宣 
传 企业 文化 和 提升 企业 价值 的 作用 。 


10.1.1 宣传 画册 的 内 容 与 形式 


宣传 画册 是 使 用 频率 较 高 的 印刷 品 之 一 ， 内 容 包 括 单位 、 企 业 、 商 场 介 绍 ， 文 艺 演出 、 美 术 展 
览 内 容 介绍 ， 企 业 产品 广告 样本 ， 年 度 报告 ， 交 通 、 旅 游 指 南 等 ， 如 图 10-1 所 示 。 


EADTHE 





10-1 


宣传 画册 易 邮寄 、 归 档 ， 携 带 方便 ， 有 折 芭 ( 对 折 、 三 折 、 四 折 等 )、 装 订 、 带 插 袋 等 形式 ， 大 
小 常 为 32 开 、24 开 、16 开 ， 当 然 也 可 以 根据 信息 容量 、 客 户 需求 、 设 计 创 意 等 具体 情况 自 定义 尺 
寸 ， 如 图 10-2 所 示 。 








E— 





图 10-2 
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10.1.2 宣传 画册 的 版 式 类 型 


在 宣传 画册 的 版 式 设 计 中 , 版 式 的 类 型 可 分 为 骨骼 型 、 满 版 型 、 上 下 分 割 型 、 左 右 分 割 型 、 中 轴 型 、 
曲线 型 、 倾 斜 型 、 对 称 型 、 重 心 型 、 三 角 型 、 并 和 置 型 、 自 由 型 和 四 角 型 13 种 ， 简 单 介绍 如 下 。 

骨骼 型 : 骨骼 型 版 式 是 规范 的 、 理 性 的 分 割 方法 。 常 见 的 骨骼 有 和 竖 向 通栏 、 双 栏 、 三 栏 和 四 栏 等 ， 
一 般 以 竖 向 分 栏 为 主 。 图 片 和 文字 的 编排 上 ， 严 格 按照 骨骼 比例 进行 编排 配置 ， 给 人 以 严谨 、 和 谐 
和 理性 的 美 。 骨 骼 经 过 相互 混合 后 的 版 式 ， 既 理性 有 条 理 ， 又 活泼 而 具有 弹性 。 

满 版 型 : 版 面 以 图 像 充满 整 版 ， 主 要 以 图 像 为 诉求 ， 视 觉 传达 直观 而 强烈 。 文 字 配置 压 置 企 上 下 、 
左右 或 中 部 ( 边 部 和 中 心 ) 的 图 像 上 。 满 版 型 给 人 大 方 和 舒展 的 感觉 ， 是 商品 广告 常用 的 形式 。 

上 下 分 割 型 : 整个 版 面 分 成 上 下 两 部 分 ， 在 上 半 部 或 下 半 部 配置 图 片 ( 可 以 是 单 幅 或 多 幅 )， 另 
一 部 分 则 配置 文字 。 图 片 部 分 感性 而 有 活力 ， 而 文字 则 理性 而 静止 。 

左右 分 割 型 : 整个 版 面 分 割 为 左右 两 部 分 ， 分 别 配 置 文字 和 图 片 。 左 右 两 部 分 形成 强 弱 对 比 时 ， 
造成 视觉 心理 的 不 平衡 。 这 仅 是 视觉 习惯 ( 左右 对 称 ) 上 的 问题 ， 不 如 上 下 分 割 型 的 视觉 流程 自然。 
如 果 将 分 割 线 虚 化 处 理 ， 或 用 文字 左右 重复 穿插 ， 左 右 图 与 文字 会 变 得 自然 和 谐 。 

中 轴 型 : 将 图 形 进行 水 平 或 垂直 方向 排列 ， 文 字 配置 在 上 下 或 左右 。 水 平 排列 的 版 面 ， 给 人 稳定 、 
安静 、 平 和 与 含蓄 之 感 ， 垂 直 排列 的 版 面 ， 给 人 强烈 的 动感 。 

曲线 型 : 图 片 和 文字 排列 成 曲线 ， 产 生 韵律 与 节奏 的 感觉 。 

倾斜 型 : 版 面 主体 形象 或 多 幅 图 像 作 倾斜 编排 ， 造 成 版 面 强烈 的 动感 和 不 稳定 因素 ， 引 人 注目 。 

对 称 型 : 对 称 的 版 式 ， 给 人 稳定 和 理性 的 感受 。 对 称 分 为 绝对 对 称 和 相对 对 称 。 一 般 多 采用 相 
对 对 称 的 手法 ， 以 避免 过 于 严谨 。 对 称 一 般 以 左右 对 称 居多 。 

重心 型 : 重心 型 版 式 产生 视觉 焦点 ， 使 其 更 加 突出 。 向 心 是 视觉 元 素 向 版 面 中 心 聚拢 的 运动 ; 
离心 是 犹如 石子 投入 水 中 ， 产 生 一 圈 一 圈 向 外 扩散 的 弧 线 运动 。 

三 角 型 :在 贺 形 、 和 矩形 或 三 角形 等 基本 图 形 中 ， 正 三 角形 ( 金字 塔 形 ) 最 具有 安全 稳定 的 因素 。 

并 置 型 : 将 相同 或 不 同 的 图 片 进行 大 小 相同 而 位 置 不 同 的 重复 排列 。 并 置 型 的 版 面 有 比较 和 解 
说 的 意味 ， 给 予 原 本 复杂 喧闹 的 版 面 以 秩序 、 安 静 、 调 和 与 节奏 感 。 
自由 型 : 无 规律 的 、 随 意 的 编排 构成 ， 有 活泼 和 轻快 的 感觉 。 
四 角 型 : 版 面 四 角 以 及 连接 四 角 的 对 角 线 结构 上 编排 图 形 ， 给 人 严谨 和 规范 的 感觉 。 


10.1.3 宣传 画册 的 版 面 诉求 要 点 


宣传 画册 可 以 建立 受众 对 企业 ( 组 织 、 产 品 等 ) 的 第 一 印象 ， 能 否 把 企业 或 产品 的 优越 性 、 益 处 
淋漓 尽 致 地 表现 出 来 ， 打 动 受众 是 非常 关键 的 ， 设 计 师 要 针对 人 性 的 特点 ， 使 用 各 种 手段 着 力 情感 
诉求 ， 以 情感 人 ， 以 情 动人 ， 以 利诱 人 ， 引 领受 众 由 看 到 读 ， 然 后 判断 决定 ， 空 泛 的 宣传 不 可 能 有 
效 地 激发 受众 的 情绪 和 欲求 。 
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1. 有 具有 亲和力 

以 美好 的 情感 烘托 宣传 主题 ， 选 用 情 切 意 浓 的 文字 、 图 片 作为 版 面 内 容 ， 追 求 文学 性 的 意境 与 
诉求 ， 可 以 出 奇 制胜 ， 赢 得 受众 的 认同 。 偶 像 明星 作为 形象 代言 人 也 会 产生 很 强 的 心理 感召 力 ， 有 
润 物 细 无 声 的 功效 ， 可 以 拉 近 设计 与 受众 的 距离 ， 使 消费 者 在 熟悉 的 家 常 似 的 阅读 中 留 下 对 企业 ( 产 
品 ) 的 美好 印象 。 一 些 大 众 喜闻乐见 的 形象 ， 具 有 幽默 感 的 图 片 ， 充 满 温馨 、 圆 满 情 慷 的 图 文 排列 方 
式 ， 都 能 够 营造 出 亲切 、 愉 快 的 版 面 氛 围 。 如 图 10-3 所 示 为 具有 亲和力 的 宣传 画册 版 面 设计 。 


六 

















2. 突出 表现 受益 

宣传 画册 的 目的 是 推销 ， 一 个 高 明 的 设计 师 常常 会 绞 尽 脑汁 于 如 何在 版 面 构成 中 突出 产品 的 特 
性 ， 强 调 给 消费 者 的 利益 、 好 处 、 承 诺 。 使 用 直 白 的 文字 ， 利 用 人 们 对 形 色 的 联想 ， 或 是 直接 夹带 
小 礼品 等 ， 都 会 让 受众 对 商家 的 真情 实意 有 切实 体验 ， 避 免 炉 情 流 于 空 泛 ， 如 图 10-4 所 示 。 


中 国联 P2p ， 
业务 构 包 10 由 式 优 的 











图 10-4 








10.1.4 ”宣传 画册 的 设计 流程 
宣传 画册 设计 是 一 项 较为 复杂 的 工作 ， 由 于 其 程序 繁多 ， 大 致 可 以 按 如 下 的 流程 进行 设计 制作 。 
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1. 确定 风格 
首先 需要 确定 整 本 画册 的 风格 。 设 计 师 需要 深刻 理解 主题 ， 找 到 表现 的 重点 ， 从 而 确定 整体 画 
册 的 基调 。 


2. 分 解 信息 
通过 对 画册 信息 的 分 解 整理 ， 使 主题 内 容 变 得 条 理化 、 逻 辑 化 ， 寻 找 内 在 的 关系 。 
3. 确定 符号 


把 握 贯 穿 整 本 画册 的 视觉 信息 符号 ， 可 以 是 图 像 、 文 字 、 色 彩 、 结 构 、 阅 读 方式 、 材 质 工艺 等 ， 
整 本 画册 需要 统一 。 
4. 确定 表现 形式 

创造 符合 表达 主题 的 最 佳 表现 形式 ， 按 照 不 同 的 内 容 赋予 其 合适 的 外 观 。 
5. 语言 表达 

信息 逻辑 、 图 文 符号 、 传 达 构 架 、 材 质 性 格 、 翻 阅 秩序 等 都 是 宣传 画册 的 设计 语言 。 
6. 具体 设计 

将 画册 的 主题 、 形 式 、 材 质 、 工 艺 等 特征 进行 综合 整理 ， 通 过 具体 的 设计 ， 将 心中 的 画册 物化 。 
7. 阅读 检验 

阅读 整个 设计 稿 ， 从 整体 性 、 可 视 性 、 可 读 性 、 归 属性 、 愉 悦 性 、 创 造 性 6 个 方面 去 检验 。 
8. 美化 版 面 

通过 宣传 画册 版 式 设计 将 信息 进行 美化 ， 使 画册 展现 出 更 加 丰富 的 内 容 ， 并 以 易于 阅读 、 赏 心 
悦目 的 表现 方式 传达 给 读者 ， 如 图 10-5 所 示 。 











图 10-5 
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10.2 ”宣传 画册 的 版 面 构 成 要 素 


宣传 画册 版 式 设计 的 构成 要 素 分 为 文字 、 图 形 、 色 彩 等 , 需要 根据 宣传 画册 的 不 同性 质 、 用 途 和 受众 ， 
将 三 者 有 机 地 结合 起 来 ， 表现 出 宣传 画册 的 丰富 内 涵 ， 并 以 传递 信息 为 目的 ， 用 美感 的 形式 呈现 给 读者 。 


10.2.1 图 片 


图 片 好 坏 是 决定 宣传 画册 成 败 的 重要 因素 ， 图 片 风格 前 后 一 致 ， 并 注意 与 企业 形象 要 求 、 相 关 
设计 风格 相 吻 合 。 其 中 表现 产品 的 大 小 比例 要 一 致 ， 这 样 设计 出 来 的 版 面 系统 、 规 律 、 严 谨 、 易 读 。 
如 图 10-6 所 示 为 画册 中 使 用 的 精美 图 片 。 




















10.2.2 文字 


文字 选择 要 符合 企业 ( 或 产品 ) 特点 ， 或 时 尚 ， 或 古典 ， 或 高 档 ， 基 本 字体 的 运用 要 保持 一 致 ， 
产品 的 名 称 可 以 使 用 粗 体 或 另 一 种 字体 进行 强调 。 说 明文 字 的 排列 可 以 位 于 图 片 旁边 ， 也 可 以 置 于 
其 他 位 置 ， 只 要 与 图 片 对 应 的 标号 相同 ， 顾 客 也 就 一 目 了 然 ， 版 面 颜色 不 宜 过 多 ， 否 则 会 降低 宣传 
内 容 本 身 的 吸引 力 。 如 图 10-7 所 示 为 画册 中 清晰 、 直 观 的 文字 排版 。 


Of 
Hig 中 Gu lity | afe 


am 
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10.2.3 广告 语 


心理 学 研究 表明 ，6 个 字 左右 的 广告 语 诱 读 性 最 强 ， 对 于 版 面 不 大 的 宣传 画册 ， 版 面 中 过 多 的 广 
告 文字 只 会 平添 疲倦 ， 减 弱 记 忆 。 为 了 增强 版 面 的 诱 读 性 ， 设 计时 可 以 把 广告 内 容 分 解 于 宣传 画册 
的 各 个 版 面 ， 使 它们 产生 连续 系列 效果 ， 引 导读 者 依 序 阅读 并 始终 保持 耐心 和 兴趣 ， 让 宣传 内 容 以 
逐步 渗透 的 形式 进入 读者 心中 。 如 图 10-8 所 示 为 画册 中 的 广告 语 设计 。 





























10.2.4 多 个 页 面 的 统一 


宣传 画册 通常 有 多 个 版 面 ， 它们 之 间 需 要 能 够 相互 呼应 ， 能 够 建立 起 整体 和 谐 的 视觉 效果 ， 排 
版 中 同一 张 图 片 的 变化 使 用 ， 布 局 、 装 饰 手法 的 一 致 ， 同 一 背景 图 案 的 贯穿 等 都 是 行 之 有 效 的 方法 。 
如 图 10-9 所 示 为 画册 中 的 多 个 页 面 保持 统一 风格 。 
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10.3 产品 手册 版 式 设计 


产品 手册 也 属于 宣传 画册 的 一 种 ， 在 产品 手册 的 版 式 设 计 中 通过 版 式 的 编排 来 组 织 大 量 产品 信 
息 内 容 ， 以 简洁 、 流 畅 作 为 产品 手册 编排 的 标准 ， 不 能 过 于 花哨 ， 要 保证 读者 能 够 清晰 地 了 解 产品 
的 相关 信息 内 容 。 


10.3.1 项 目 分 析 


本 案例 设计 的 是 一 款 剃 须 刀 产品 宣传 手册 、 主 要 包装 封面 以 及 部 分 内 页 。 在 该 产品 手册 的 设计 
中 ， 通 过 图 文 相 结合 的 编排 方式 全 面 地 展示 产品 的 性 能 和 技术 参数 ， 使 读者 对 产品 有 更 加 深入 的 了 
解 。 在 产品 手册 的 排版 过 程 中 使 用 了 一 些 经 过 处 理 后 的 产品 图 片 ， 从 而 使 产品 的 表现 效果 更 加 突出 ， 
吸引 用 户 的 关注 。 整 个 产品 宣传 手册 的 版 式 设计 给 人 感觉 简洁 、 大 方 ， 内 容 清晰 ， 产 品 突 出 。 本 案 
例 所 设计 的 产品 手册 的 最 终 效果 如 图 10-10 所 示 。 
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在 本 案例 所 设计 的 产品 宣传 手册 中 主要 是 以 产品 图 片 为 主 ， 包 括 产品 不 同 角度 的 展示 图 片 以 
及 产品 局 部 放大 的 图 片 等 ， 为 了 使 产品 的 表现 效果 更 加 精美 和 突出 ， 在 版 面 中 还 使 用 了 一 些 辅助 
纹理 素材 ， 从 而 使 产品 手册 的 表现 效果 更 加 突出 。 本 案例 设计 的 产品 手册 所 使 用 的 素材 如 图 10-11 
所 示 。 

















辅助 素材 [辅助 素材 ] 辅助 素材 


图 10-11 


10.3.2 配色 分 析 


本 案例 所 设计 的 产品 手册 使 用 浅 灰 蓝 色 作 为 版 面 的 背景 主 色调 ， 浅 灰 蓝 色 给 人 感觉 温和 、 朴 实 、 
不 刺激 ， 在 版 面 中 搭配 呈现 强烈 对 比 的 蓝 色 和 橙色 ， 使 版 面 中 的 内 容 层次 非常 清晰 ， 使 用 蓝 色 色 块 
则 搭配 杰 色 的 正文 内 容 ， 使 有 楼 色 色彩 则 搭配 蓝 色 的 正文 内 容 ， 使 版 面 的 内 容 非 党 清晰、 抢眼 ， 整 
个 产品 手册 给 人 感觉 自然 、 大 方 ， 内 容 层次 清晰 、 易 读 。 


RGB(209、218、234) RGB(0、48、91) RGB(223、107、44) 
CMYK(22、 12、 4、 0) CMYK(100、 91、 51、 16) CMYK(15、70、86、0) 
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10.3.3 设计 思路 


GB 将 该 产品 手册 的 尺寸 设置 为 常规 标准 尺寸 210mm x 285mm， 适 合 图 片 较 多 的 读物 ， 并 且 需 
要 为 四 边 各 预 留 3mm 的 出 血 区域 ， 如 图 10-12 所 示 。 

@2 此 处 使 用 排版 软件 InDesign 对 该 产品 手册 进行 排版 制作 ， 首 先 需要 在 “页 面 ”面板 中 将 页 
面 调整 为 跨 页 的 形式 ， 如 图 10-13 所 示 。 




















0 


技 画册 、 杂 志 、 报 纸 、 书 籍 这 一 类 页 面 比较 多 的 印刷 品 ， 通 常 使 用 专业 的 排版 软件 进行 排版 设计 ， “| 
15 如 InDesign, 因为 InDesign 中 有 非常 强大 的 文字 处 理 和 页 面 编排 功能 , 能 够 大 大 提高 编排 效率 。 当 然 ， | 
i; ”对 于 页 面 较 少 的 画册 等 印刷 品 ， 也 可 以 使 用 lllustrator 来 进行 排版 设计 。 4 





3 在 第 1 页 和 第 2 页 中 分 别 制 作 该 产品 手册 的 封面 和 封底 。 封 面 和 封底 采用 简洁 的 编排 设计 
方式 ， 使 用 居中 对 齐 的 编排 方式 放置 产品 图 片 和 品牌 名 称 等 内 容 ， 使 版 面 中 的 产品 效果 非常 突出 ， 
如 图 10-14 所 示 。 

人 9 接 下 来 对 产品 手册 的 内 页 进行 编排 。 通 过 使 用 矩形 色 块 横 跨 左右 两 个 页 面 ， 使 跨 页 之 间 形 成 一 
个 整体 ， 在 左 侧 页 面 中 放置 产品 图 片 ， 通 过 圆 形 小 图 片 的 编排 ， 合 版面 显得 活跃 ， 如 图 10-15 所 示 。 
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图 10-14 10-15 
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3 在 右 侧 页 面 中 放置 该 产品 的 介绍 文字 内 容 ， 产 品名 称 与 介绍 文字 内 容 使 用 对 比 的 文字 颜色 ， 在 
版 面 中 的 表现 效果 清晰 、 直 观 ， 如 图 10-16 所 示 。 

@@ 手册 中 其 他 的 内 页 采用 相同 的 设计 风格 ， 但 为 了 使 每 个 页 面 既 能 够 保持 整体 风格 的 统一 ， 又 具 
有 独立 的 个 性 ， 在 版 面 设计 中 使 用 了 不 同 的 排版 方式 ， 但 整体 风格 是 一 致 的 ， 如 图 10-17 所 示 。 









































10-16 图 10-17 


10.3.4 对 比分 析 


在 产品 手册 的 版 式 设计 过 程 中 ， 文 字 与 图 片 的 排版 至 关 重要 ， 良 好 的 版 式 可 以 使 产品 手册 的 内 
容 整齐 、 直 观 ， 可 以 说 良好 的 版 式 是 产品 手册 成 功 的 一 半 。 


;设计 初稿 》》 ------------------- ， 

















@ 使 用 纯度 较 高 的 蓝 色 作为 版 面 的 背景 主 色 调 ， 与 版 面 中 的 杰 色 标题 文字 形成 对 比 ， 但 正文 部 分 的 黑色 文 
字 显 得 不 是 很 清楚 。 
@ 在 版 面 标题 部 分 的 处 理 上 使 得 左右 两 页 没有 产生 相应 的 联系 ， 看 起 来 似乎 是 两 页 不 同 的 内 容 。 
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时 


版 面 中 放置 产品 的 去 底 图 片 ， 并 没有 进行 任何 的 修饰 ， 使 产品 图 片 的 表现 效果 显得 单调 。 
产品 相关 的 图 片 放置 在 右 侧 页 面 中 ， 按 垂直 方向 排列 在 右 侧 ， 与 产品 图 片 没有 任何 联系 。 


黄 

















使 用 浅 灰 蓝 色 作为 版 面 的 背景 主 色调 ， 版 面 的 背景 表现 清晰 、 柔 各 ， 版 面 中 文字 和 图 形 的 表现 效果 更 加 
清晰 。 

在 版 面 上 方 使 用 矩形 色 块 与 标题 文字 相 结合 ， 使 左右 两 页 形成 一 个 整体 ， 从 而 将 两 个 页 面 联系 起 来 。 

在 左 侧 页 面 放置 产品 图 片 ， 右 侧 页 面 放置 产品 的 介绍 信息 ， 并 且 将 文字 颜色 设置 为 深蓝 色 ， 与 标题 的 橙 
色 形 成 对 比 ， 表 现 效果 清晰 。 

在 产品 图 片 的 表现 上 ， 使 用 相同 的 图 形 进行 辅助 ， 并 且 将 与 产品 相关 的 图 片 通过 圆 形 图 片 的 方式 围绕 在 
主体 产品 周围 ， 使 产品 的 表现 效果 突出 。 


10.4 产品 宣传 画册 版 式 设计 


产品 宣传 画册 的 主体 对 象 是 需要 宣传 推广 的 产品 ， 所 以 在 产品 宣传 画册 的 版 式 设计 中 需要 根据 
产品 的 性 质 、 功 能 以 及 受众 人 群 的 特点 来 选择 合适 的 表达 方式 ， 重 点 突出 产品 的 表现 效果 。 


10.4.1 项 目 分 析 

本 案例 设计 的 是 一 款 音箱 产品 的 宣传 画册 ， 在 该 画册 版 面 的 设计 中 充分 运用 自由 的 排列 方式 在 版 
面 中 对 产品 图 片 进行 排版 处 理 ， 在 版 面 中 还 通过 添加 相应 的 圆 弧 状 曲线 和 正 圆 图形 ， 清 晰 地 划分 版 面 
中 的 内 容 信息 ， 并 且 使 版 面 充满 流动 的 韵律 美感 。 为 了 使 版 面 中 产品 的 表现 效果 更 加 突出 ， 并 且 使 版 
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面 产生 空间 感 , 为 每 个 产品 图 片 都 制作 了 镜面 投影 效果 , 使 整个 版 面 看 起 来 更 加 美观 , 富有 空间 层次 感 ， 
给 人 以 宁静 、 您 闲 、 优 美的 感受 。 本 案例 所 设计 的 产品 宣传 画册 的 最 终 效果 如 图 10-18 所 示 。 














图 10-18 





在 产品 宣传 画册 中 需要 突出 表现 的 当然 是 产品 图 片 ， 在 该 音箱 产品 宣传 画册 中 所 使 用 的 素材 都 是 
该 品牌 的 音箱 产品 图 片 ， 但 在 排版 处 理 过 程 中 会 根据 版 面 的 需要 对 产品 图 片 进行 不 同 的 处 理 方式 ， 有 
大 有 小 ， 这 样 才能 够 突出 重点 产品 的 表现 。 本 案例 设计 的 产品 宣传 画册 所 使 用 的 素材 如 图 10-19 所 示 。 


\@! 











图 10-19 
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图 10-19( 续 ) 


10.4.2 配色 分 析 


在 产品 宣传 画册 中 拥有 较 多 的 产品 图 片 ， 不 适合 使 用 过 于 复杂 的 背景 或 过 多 的 色彩 ， 通 常 使 用 
纯色 作为 版 面 背 景 ， 突 出 表现 版 面 中 的 产品 图 像 。 在 该 音箱 产品 宣传 画册 中 使 用 纯 白色 作为 版 面 的 
背景 主 色调 ， 使 版 面 中 的 产品 图 像 表现 效果 非常 突出 、 醒 目 ， 版 面 中 的 文字 主要 使 用 黑色 的 文字 ， 
特殊 的 重要 文字 则 采用 了 红色 ， 使 版 面 的 表现 效果 非常 清晰 、 直 观 。 


i 


RGB(255、255、255) RGB(230、0、18) RGB(99、115、123) 
CMYK(0、 0、 0、 0) CMYK(0、 100、 100、 0) CMYK(23、0、0、65) 


10.4.3 设计 思路 


@3 将 该 产品 宣传 画册 的 尺寸 设置 为 常规 标准 尺寸 210mm x 285mm， 适 合 图 片 较 多 的 读物 ， 
并 且 需 要 为 四 边 各 预 留 3mm 的 出 血 区 域 ， 页 面 四 边 的 边 距 均 为 10mm， 如 图 10-20 所 示 。 

2 此 处 使 用 的 是 专业 排版 软件 InDesign 对 该 产品 宣传 画册 进行 排版 制作 ， 首 先 需要 在 “页 面 ” 
面板 中 将 页 面 调整 为 跨 页 的 形式 ， 如 图 10-21 所 示 。 
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图 10-20 图 10-21 

3 该 宣传 画册 是 对 该 品牌 的 音箱 产品 进行 宣传 介绍 ， 因 此 选择 该 品牌 的 音箱 图 片 作 为 版 面 的 主 
要 素材 。 为 版 面 中 的 素材 图 片 制作 镜面 投影 效果 ， 使 版 面具 有 空间 感 ， 如 图 10-22 所 示 。 

多 9 在 版 面 中 绘制 一 些 圆 弧 状 曲线 和 圆 形 图 形 ， 一 是 用 于 划分 不 同 的 产品 内 容 区 域 ， 二 是 可 以 使 
版 面 增添 柔美 的 韵律 感 ， 与 所 要 表现 的 音箱 产品 相符 ， 如 图 10-23 所 示 。 


le! | ie! | 


10-22 图 10-23 


3 结合 产品 在 版 面 摆 放 的 位 置 ， 为 各 产品 添加 相应 的 说 明文 字 内 容 ， 使 用 左 对 齐 排 列 ， 采 用 常 
规 的 字体 ， 产 品 信息 的 表现 效果 非常 清晰 ， 并 且 能 够 清楚 地 知道 哪些 说 明 内 容 与 产品 图 片 相对 应 ， 
如 图 10-24 所 示 。 

@@ 该 宣传 画册 的 其 他 内 页 版 面 使 用 相同 的 设计 风格 ， 在 一 些 版 面 中 还 可 以 适当 地 应 用 满 版 大 图 
的 对 比 来 突出 表现 重点 产品 ， 如 图 10-25 所 示 。 
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图 10-24 


10.4.4 对 比分 析 


在 对 产品 宣传 画册 的 版 式 进行 设计 时 ， 需 要 根据 不 同 的 风格 定位 ， 对 栏 数 、 图 像 、 字 体 等 元 素 
进行 灵活 的 编排 ， 使 版 面 整体 在 统一 中 富有 变化 ， 从 而 保证 读者 的 阅读 兴趣 。 











使 用 较为 粗壮 的 黑体 字 作为 版 面 标题 的 字体 ， 黑 体 字 给 人 粗壮 、 有 力 之 感 ， 与 音乐 给 人 的 优美 感觉 不 符 。 
在 版 面 中 规则 地 排列 产品 图 片 和 信息 ， 虽 然 产品 信息 的 表现 清晰 ， 但 版 面 显 得 比较 呆板 。 

在 版 面 中 简单 地 放置 产品 的 去 底 图 片 ， 并 没有 对 产品 图 片 进行 处 理 ， 产 品 图 片 的 表现 效果 一 般 。 

在 版 面 中 使 用 直线 来 分 割 不 同 产品 的 信息 ， 过 于 单调 。 
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在 版 面 中 使 用 柔美 的 细 线 字体 来 表现 标题 文字 ， 使 版 面 给 人 一 种 柔美 感 。 

版 面 中 的 产品 信息 采用 自由 编排 的 方式 ， 在 版 面 中 进行 自由 排列 ， 给 人 一 种 随 性 、 和 舒适 的 感觉 。 

为 版 面 中 的 产品 图 片 制 作 镜 面 投影 效果 , 能 够 使 版 面 表现 出 空间 感 , 并 且 能 够 大 大 增强 产品 的 表现 效果 。 
在 版 面 中 使 用 弧 状 线条 对 产品 信息 进行 区 分 ， 也 能 够 对 版 面 起 到 装饰 作用 ， 使 版 面 产生 流动 的 韵律 感 。 
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») 杂志 的 版 式 设计 包含 了 封面 与 内 页 两 个 部 分 ， 它 们 需要 与 ! 
杂志 的 文化 内 涵 相 呼应 。 通 过 丰富 的 表现 手法 和 内 容 ， 使 对 视 ， 
觉 思 维 的 直观 认识 与 推理 认识 达到 高 度 的 统一 ， 以 满足 读者 认 ! 
知 的 、 想 象 的 、 审 美的 多 方面 要 求 。 1 
本 章 将 向 读者 介绍 杂志 版 式 设计 的 相关 知识 和 内 容 ， 并 通 ， 
1 
1 
1 


过 商业 案例 的 分 析 讲 解 ， 使 读者 能 够 更 加 深入 地 理解 杂志 版 式 
设计 的 方法 和 技巧 。 
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11.1 杂志 版 式 设 计 概述 


杂志 设计 包括 杂志 封面 设计 、 杂 志 版 式 设计 以 及 杂志 广告 设计 等 。 所 谓 杂 志 的 版 式 设计 ， 即 印 
刷 杂 志 内 页 的 版 面 设计 ， 是 经 过 多 年 发 展 逐 渐 形成 的 一 种 独特 的 设计 领域 。 杂 志 版 式 设计 主要 针对 
版 面 中 的 图 像 与 文字 等 设计 元 素 ， 其 目的 是 将 各 种 元 素 经 过 设计 师 的 精心 编辑 后 ， 能 够 更 好 地 体现 
印刷 出 版 物 版 面 的 内 容 与 所 要 表达 的 主题 。 


11.1.1 常见 杂志 版 面 尺寸 


杂志 版 面 的 规格 是 以 杂志 的 开本 为 准 , 主要 有 32 开 、16 开 、8 开 等 ,其 中 16 开 的 杂志 是 最 常见 的 。 
细心 的 读者 会 发 现 ， 同 样 是 16 开 的 杂志 ， 大 小 也 是 不 一 样 的， 原因 是 16 开 的 杂志 开本 ， 又 可 以 分 
为 正 度 16 开 和 大 度 16 开 ， 这 就 要 求 设计 师 在 设计 广告 作品 之 前 ， 首 先 弄 清楚 杂志 的 具体 版 面 尺寸 。 
32 开 的 版 面 尺寸 为 203mm x 140mm，8 开 的 版 面 尺寸 为 420mm x 285mm， 正 度 16 开 的 版 面 
尺寸 为 185mm x 260mm， 大 度 16 开 的 版 面 尺 寸 为 210mm x 285mm， 目 前 我 国 使 用 最 广泛 的 是 
大 度 16 开 的 杂志 版 面 尺寸 。 


11.1.2 杂志 媒体 的 特点 


杂志 没有 报纸 那样 的 快速 性 、 广 泛 性 、 经 济 性 的 优势 ， 然 而 它 有 着 自身 的 优势 ， 主 要 表现 在 以 
下 几 个 方面 。 


1. 细 分 化 媒体 

“定位 准确 ， 专 业 性 强 ” 是 杂志 媒体 的 一 大 特点 。 杂 志 是 面向 特定 目标 对 象 的 细 分 化 媒体 ， 例 
如 摄影 类 杂志 ， 该 杂志 的 读者 几乎 都 是 专业 的 摄影 人 员 或 摄影 爱好 者 。 同 时 ， 这 些 人 又 都 是 摄影 和 
器 材 的 目标 消费 群体 。 因 此 ， 在 杂志 中 投放 广告 ， 命 中 率 比较 高 。 如 果 某 一 杂志 的 读者 群 和 某 一 产 
品 的 目标 对 象 一 致 ， 它 自然 将 成 为 该 产品 比较 理想 的 广告 投放 媒体 。 


2. 媒介 品质 较 高 

杂志 广告 是 所 有 平面 广告 中 最 精美 的 。 由 于 杂志 的 图 片 质量 较 高 ， 所 以 增加 了 杂志 信息 传达 的 
感染 力 , 丰富 了 信息 传达 的 手段 , 这 是 报纸 所 没有 的 优势 。 现 在 有 很 多 人 看 杂志 ,其实 就 是 在 看 图 片 ， 
很 多 人 收藏 杂志 也 正 是 这 个 原因 。 有 很 多 杂志 ， 翻 开 里 面 的 内 容 几乎 全 是 广告 ， 但 人 们 依然 乐 此 不 
疲 地 购买 ， 这 正 是 因为 杂志 广告 的 图 片 是 非常 漂亮 的 。 通 过 高 质量 的 、 细 腻 又 精美 的 图 片 ， 可 以 给 
消费 者 很 强 的 视觉 冲击 力 ， 并 留 下 深刻 的 印象 ， 最 终 促 使 其 购买 。 如 图 11-1 所 示 为 精美 的 杂志 广 
告 图 片 。 
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3， 传 阅 率 和 反复 阅读 率 高 

杂志 的 生命 周期 长 ， 一 本 好 的 杂志 经 常 在 同事 、 朋 友 间 相互 传阅 ， 也 是 常 有 的 事情 。 所 以 ， 杂 
志 信息 可 以 多 次 接触 消费 者 ， 让 消费 者 快速 记忆 ， 因 此 它 是 理解 度 较 高 的 媒体 。 
4. 付费 媒体 

十 分 重要 的 一 点 ， 杂 志 是 个 人 出 钱 购买 的 读物 ， 读 者 较为 主动 地 接受 信息 ， 也 会 比较 主动 地 接 
受 杂 志 广 告 所 传达 的 信息 。 另 一 方面 ， 购 买 杂 志文 化 层次 较 高 的 人 群 多 于 文化 层次 较 低 的 人 群 。 所 
以 ， 一 些 高 档 产品 的 广告 ， 似 乎 刊登 在 杂志 上 更 有 效 一 点 。 例 如 ， 汽 车 、 数 码 产 品 、 服 装 、 其 他 奢 
侈 品 等 。 


11.1.3 ”杂志 版 式 设计 元 素 


杂志 版 式 设计 是 杂志 设计 中 的 重要 内 容 之 一 ， 版 式 设计 有 时 比 封面 设计 还 要 重要 ， 它 直接 影响 

到 读者 的 阅读 效果 ， 一 本 好 的 杂志 应 该 对 内 文 版 式 的 字体 、 字 号 、 字 距 、 行 距 以 及 版 心 的 大 小 位 置 

包括 与 图 片 、 图 形 的 组 合 认 真 推敲 ， 最 大 限度 地 满足 读者 阅读 的 需要 。 如 图 11-2 所 示 为 精美 的 杂志 
版 式 设 计 效 果 。 

要 nl 

一 般 来 说 ， 对 于 多 页 面 、 大 面积 的 文本 排版 情况 ， 目 前 应 用 最 为 广泛 的 书 报 排 版 软件 有 

示 InDesign、 国 内 的 方正 飞腾 等 。 如 果 排 版 的 图 较 多 ， 文 字 较 少 ， 可 以 选用 CorelDRAW、lllustrator 等 : 

1 ”软件 。 本 


bm 


、 
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杂志 内 页 版 式 的 设计 对 象 包括 版 权 页 、 目 录 、 栏 目 、 页 码 、 小 标题 、 引 文 等 ， 从 阅读 的 顺序 来 看 ， 
依次 是 图 片 、 大 标题 、 小 标题 、 表 格 、 内 文 。 此 外 ， 对 于 每 页 或 每 篇 文章 的 设计 更 多 是 从 小 处 着 手 ， 
设计 上 主要 集中 于 对 图 片 、 标 题 、 正 文 的 处 理 。 

















1. 栏目 名 称 

杂志 的 信息 量 越 大 就 越 需要 简洁 、 明 确 的 版 块 栏目 ， 通 常 栏 目 名 称 都 放 在 页 面 的 最 上 面 ， 每 个 
栏目 是 否 需要 不 同 的 色彩 则 根据 杂志 的 大 小 而 定 ， 关 键 是 要 确定 一 个 栏目 是 采用 一 个 主 标题 还 是 采 
用 正副 标题 ， 正 标题 是 整个 栏目 的 主题 ， 副 标题 则 是 与 每 页 内 容 相关 的 标题 。 
2. 文章 标题 

能 够 刺激 读者 联想 、 激 发 读者 兴趣 的 标题 应 该 可 以 称 为 成 功 的 标题 。 标 题 可 以 是 著名 的 图 书 、 
影片 及 歌曲 的 名 称 ， 有 时 也 可 以 运用 一 语 双关 的 手法 。 
3. 小 标题 

小 标题 主要 是 为 了 分 割 长 篇 文章 。 小 标题 有 两 种 ， 一 种 是 标志 着 文章 下 一 部 分 的 开始 ， 从 设计 
角度 讲 ， 这 样 的 小 标题 不 可 以 移动 ， 另 一 种 是 可 以 移动 的 小 标题 ， 设 计 上 可 以 把 它 插入 任何 位 置 ， 
其 作用 是 把 大 块 的 文章 切割 开 来 。 标 题 内 容 往 往 是 文章 内 容 的 摘要 。 
4. 页 码 

页 码 是 杂志 中 最 不 可 缺少 的 元 素 ， 它 的 作用 是 为 了 便于 读者 选择 阅读 。 页 码 的 位 置 不 追求 特 立 
独行 ， 一 般 放 在 每 页 底部 的 外 端 或 中 间 。 如 果 杂 志 分 成 不 同 的 栏目 版 块 ， 也 可 以 把 页 码 放 在 顶部 。 
如 图 11-3 所 示 为 精美 的 杂志 版 式 设计 效果 。 
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11.1.4 杂志 版 式 的 设计 流程 


杂志 版 式 设计 是 一 项 较为 复杂 的 工作 ， 包 含 了 封面 以 及 内 页 的 设计 。 其 设计 程序 主要 分 为 以 下 
步骤 。 
1. 确定 杂志 基调 

根据 杂志 的 行业 属性 、 市 场 定位 、 受 众 群体 等 因素 , 找 出 该 杂志 版 面 表现 的 重点 , 确定 杂志 的 基调 。 
如 图 11-4 所 示 为 一 个 时 尚 个 性 的 男性 杂志 版 式 设计 。 


哺 拓 HH 有 





图 11-4 





2. 确定 开本 形式 
根据 杂志 的 定位 ， 确 定 合适 的 开本 规格 及 形式 。 在 行业 特性 的 基础 上 ， 结 合 读者 的 阅读 性 与 视 
觉 传达 设计 进行 创意 和 创新 。 如 图 11-5 所 示 为 不 同 开 本 尺寸 的 杂志 版 面 。 
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3. 确定 封面 的 版 式 风 格 


根据 杂志 定位 确定 杂志 封面 的 设计 风格 ， 刊 名 的 字体 设计 和 封面 设计 是 设计 的 重点 。 如 图 11-6 
所 示 为 不 同 风格 杂志 的 封面 设计 。 


PA 


THU, IAN 15, 23m 

















4. 确定 内 页 的 版 式 风格 

确保 内 页 中 各 大 版 块 设计 风格 的 统一 性 ， 并 在 此 基础 上 进行 版 块 独特 性 的 创新 与 设计 。 字 体 的 
大 小 与 内 容 版 块 的 编排 要 符合 杂志 的 阅览 特性 和 专业 属性 ， 使 版 块 结构 更 有 节奏 感 ， 保 证 阅读 的 流 
畅 性 。 如 图 11-7 所 示 为 不 同 的 内 页 排版 风格 。 
5. 确定 图 片 的 类 型 

根据 杂志 的 主要 内 容 选 择 主要 的 图 片 类 型 。 以 适合 版 面 风格 、 体 现 版 面 内 容 为 重点 ， 图 片 的 精 
度 必须 保持 在 300dpi 以 上 ， 以 保证 印刷 质量 。 如 图 11-8 所 示 为 杂志 版 式 设计 中 精美 的 图 片 应 用 。 
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| 图 1.8 
6. 具体 设计 
将 杂志 的 主题 、 形 式 、 材 质 、 工 艺 等 特征 进行 综合 整理 ， 并 进行 具体 设计 。 设 计 过 程 中 务必 要 
保证 杂志 的 整体 性 、 可 视 性 、 可 读 性 、 愉 悦 性 和 创造 性 ， 从 而 达到 主 次 分 明 、 流 程 清晰 合理 、 阅 读 
流畅 的 视觉 效果 。 如 图 11-9 所 示 为 不 同 主题 的 版 式 设计 。 
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11.2 ”杂志 版 式 设计 原则 


杂志 的 版 式 设计 应 该 根据 杂志 的 开本 、 外 形 、 内 容 和 受众 群体 , 确定 设计 的 风格 。 针 对 版 面 需要 ， 
将 图 文 信息 进行 编排 组 合 ， 使 页 与 页 之 间 形 成 连续 、 清 晰 、 顺 畅 的 视觉 效果 。 根 据 不 同 的 内 容 ， 也 
需要 展现 不 同 的 个 性 , 使 整体 在 统一 中 富有 变化 , 这 样 才能 使 读者 保持 新 鲜 感 , 产生 继续 阅读 的 欲望 。 


11.2.1 拥有 鲜明 突出 的 主题 


杂志 版 式 设计 的 最 终 目的 是 使 版 面 产生 清晰 的 条 理性 ， 用 悦目 的 组 织 来 更 好 地 突出 主题 ， 达 成 
最 佳 的 诉求 效果 。 它 有 助 于 增强 读者 对 版 面 的 注意 , 增进 对 内 容 的 理解 。 要 使 版 面 获 得 良好 的 诱导 力 ， 
鲜明 地 突出 诉求 主题 ， 可 以 通过 版 面 的 空间 层次 、 主 从 关系 、 视 觉 秩序 以 及 彼此 间 的 逻辑 条 理性 的 
把 握 与 运用 来 达到 。 按 照 主 从 关系 的 顺序 ， 通 过 放大 主体 形象 使 其 成 为 视觉 中 心 ， 以 此 来 表达 主题 
思想 。 将 文案 中 多 种 信息 进行 整体 编排 设计 ， 有 助 于 主体 形象 的 建立 。 在 主体 形象 四 周 增加 空白 区 域 ， 
使 被 强调 的 主体 形象 更 加 鲜明 突出 。 如 图 11- 10 所 示 为 突出 主题 的 版 式 设计 。 











和 11-10 








11.2.2 ”内 容 与 形式 的 统一 


版 式 设计 所 追求 的 完美 形式 必须 符合 主题 的 思想 内 容 ， 这 是 杂志 版 式 设计 的 前 提 。 只 讲 完 美的 表 
现形 式 而 脱离 内 容 ， 或 者 只 求 内 容 而 缺乏 艺术 表现 ， 版 式 设计 都 会 变 得 空洞 和 刻板 ， 也 就 失去 版 式 设 
计 的 意义 ， 只 有 将 二 者 统一 ， 设 计 者 首先 深入 领会 其 主题 的 思想 精神 ， 再 融合 自己 的 思想 情感 ， 找 到 
一 个 符合 两 者 的 完美 表现 形式 ， 版 式 设计 才 会 体现 出 它 独 具 的 分 量 和 特有 的 价值 ， 如 图 11-11 所 示 。 
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11.2.3 ”强调 整体 视觉 布局 


将 版 面 各 种 编排 要 素 ( 图 与 图 、 图 与 文字 )， 在 编排 结构 及 色彩 上 进行 整体 设计 。 当 图 片 和 文字 
少时 ， 需 要 以 周密 的 组 织 和 定位 来 获得 版 面 的 秩序 ， 即 使 运用 散 的 结构 ， 也 是 设计 中 特意 追求 的 。 
对 于 连 页 或 者 展开 页 ， 不 可 以 设计 完 左 页 再 来 考虑 右 页 ， 否 则 必 将 造成 松散 和 各 自 为 政 的 状态 ， 也 
就 破坏 了 版 面 的 整体 性 。 如 图 11- 人 版 面 。 

FE w 


NANJING'S 
MOTORCYCLE CLUB @ 





如 何 获得 版 面 的 整体 性 ?” 可 以 从 以 下 方面 来 考虑 : 加 强 整体 的 结构 组 织 和 方向 视觉 秩序 ， 例 如 
水 平 结构 、 垂 直 结 构 、 斜 向 结构 、 曲 线 结构 等 ; 加 强 文案 的 集合 性 ， 将 文案 中 的 多 种 信息 组 合成 块 状 ， 
使 版 面具 有 条 理性 ; 加 强 展开 页 的 整体 特征 ， 无 论 是 报纸 的 展开 版 还 是 杂志 的 跨 页， 均 为 同 视线 下 
展示 。 因 此 ， 加 强 整体 性 可 以 获得 更 良好 的 视觉 效果 ， 如 图 11-13 所 示 。 
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11.3 家装 杂志 封面 版 式 设计 


杂志 封面 设计 也 属于 版 式 设计 的 范畴 ， 其 设计 方法 与 其 他 媒体 的 设计 方法 类 似 ， 但 又 有 其 自身 
的 特点 。 在 杂志 封面 的 版 式 设计 中 需要 重点 突出 杂志 的 标题 名 称 ， 并 且 需 要 对 封面 中 的 文章 标题 进 
行 合适 的 排版 处 理 ， 使 其 整齐 有 序 ， 又 能 够 富有 层次 感 。 


11.3.1 项 目 分 析 


在 当今 琳琅 满目 的 杂志 中 ， 杂 志 的 封面 起 到 了 一 个 无 声 的 推销 员 的 作用 ， 封 面 的 好 坏 一 定 程度 
上 会 直接 影响 人 们 的 购买 欲望 。 本 案例 所 设计 的 家 装 杂志 封面 使 用 温馨 的 家 居 图 片 作为 封面 的 满 版 
背景 ， 紧 扣 杂 志 主 题 ， 文 字 排 版 占 整个 画面 的 主导 作用 ， 让 读者 看 起 来 有 条 不 亲 ， 封 面 中 的 文字 内 
容 以 水 平方 式 排列 ， 给 人 一 种 平静 和 稳重 的 感觉 ， 并 且 能 够 为 版 面 整体 带 来 平衡 的 作用 。 本 案例 所 
设计 的 家 装 杂 志 封 面 的 最 终 效 果 如 图 11-14 所 示 。 
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根据 所 设计 的 杂志 类 型 以 及 行业 特点 选择 家 居 类 的 素材 图 片 作为 该 杂志 封面 的 主要 素材 ， 使 用 
温馨 的 家 居 场 景 图 片 作 为 封面 的 满 版 背景 ， 与 杂志 的 主题 相符 合 ， 并 且 能 够 快速 将 读者 带 入 到 温馨 
的 家 居 世 界 中 。 封 底部 分 为 某 楼 盘 的 广告 ， 使 用 了 相应 的 楼 盘 素材 图 片 以 及 纹理 图 片 。 本 案例 设计 
的 家 装 杂 志 封 面 所 使 用 的 素材 如 图 11-15 所 示 。 


\ 



































花纹 素材 ] [花纹 素材 ] 


图 11-15 





11.3.2 配色 分 析 


本 案例 所 设计 的 家 装 杂志 封面 使 用 黄色 调 作 为 版 面 的 主 色 调 ， 在 封面 背景 中 使 用 的 满 版 家 居 素 
材 图 片 本 身 也 是 黄色 调 的 图 片 ， 给 人 一 种 温馨 、 和 舒适 的 感受 ， 在 版 面 中 同样 搭配 不 同 明度 和 纯度 的 
黄色 调 文字 ， 使 版 面 中 的 色调 统一 ， 给 人 一 种 温暖 、 温 馨 、 停 适 、 性 意 的 整体 感受 ， 这 也 正好 是 家 
装 需要 向 用 户 传达 的 情感 。 


RGB(251、 235、84) RGB(246、242、183) RGB(82、 18、 16) 
CMYK(4、4、75、0) CMYK(5, 2 36. 0) CMYK(55、 95、 95、53) 
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11.3.3 ”设计 思路 


所 四 家 装 类 杂志 属于 大 众 类 的 读物 ， 在 这 里 将 该 杂志 封面 设置 为 标准 尺寸 210mm x 285mm。 
由 于 需要 设计 出 封面 和 封底 ， 所 以 文档 尺寸 可 以 设置 为 420mm x 285mm， 并 且 需 要 为 四 边 各 预 留 
3mm 的 出 血 区域 ， 如 图 11-16 所 示 。 

4 在 版 面 中 使 用 参考 线 划 分 封面 和 封底 区 域 。 根 据 杂 志 的 行业 属性 ， 选 择 家 居 场 景 图 片 作为 封 
面 的 满 版 背景 素材 ， 使 杂志 封面 表现 出 温馨 、 和 舒适 的 感受 ， 如 图 11-17 所 示 。 
















ll-16 图 11-17 


@3 版 面 的 色调 设置 为 清新 、 淡 雅 的 感觉 。 在 版 面 最 上 方 使 用 横 排 与 竖 排 文字 相 结 合 的 方式 来 表现 
杂志 名 称 ， 并 且 使 用 了 不 同 的 字体 和 字体 大 小 ， 使 杂志 名 称 的 表现 更 加 富有 层次 结构 ， 如 图 11-18 所 示 。 
人 封面 中 的 文章 标题 整体 采用 居 右 对 齐 的 方式 进行 排列 ， 并 且 通 过 使 用 不 同 的 字体 大 小 、 字 体 
颜色 和 文字 排版 ， 使 得 文章 标题 的 排版 重点 突出 ， 具 有 层次 感 ， 如 图 11-19 所 示 。 


本 二 
有 二 
| | = 
EGORATION 居 GORATION 古 
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图 11-18 图 11-19 
《3 封底 部 分 放置 的 是 一 个 楼 盘 广 告 ， 楼 盘 广告 通常 是 由 投放 者 所 提供 的 ， 该 家 装 杂志 封面 的 最 
终 效果 如 图 11-20 所 示 。 
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11.3.4 ”对 比分 析 


杂志 封面 版 式 设计 是 将 文字 、 图 形 和 色彩 等 进行 合理 安排 的 过 程 ， 其 中 文字 占 主导 作用 ， 图 形 
和 色彩 等 的 作用 是 衬托 封面 。 


;设计 初稿 光一 





ME 

@ 将 杂志 的 标题 名 称 设置 为 绿色 ， 与 背景 的 黄色 满 版 图 片 形 成 对 比 ， 但 是 绿色 的 文字 效果 在 此 处 显得 与 背 
景 图 片 不 搭 ， 无 法 体现 出 温馨、 舒适 的 感觉 。 

加 杂志 标题 名 称 使 用 中 文 与 英文 相 结 合 ， 简 单 的 横 排 方式 虽然 简洁 ， 但 是 特点 不 突出 。 

人 @ 版 面 中 所 有 的 文章 标题 都 使 用 相同 的 字体 、 字 号 和 字体 颜色 ， 在 版 面 中 进行 右 对 齐 排列 ， 无 法 体现 出 标 
题 文字 的 层次 感 。 
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大。 mm 
前 侨 广博 


Js 





@ 将 杂志 的 标题 名 称 设置 为 浅黄 色 ， 与 封面 的 满 版 背景 图 片 保持 一 致 的 色调 ， 统 一 的 色调 给 人 一 种 舒适 和 
温馨 的 感受 。 

@ 杂志 标题 名 称 采 用 横 排 与 竖 排 相 结合 的 方式 , 并 且 标题 名 称 使 用 了 不 同 的 字体 , 突出 表现 该 杂志 的 特点 。 

人 @” 版 面 中 的 文章 标题 依然 采用 右 对 齐 排列 方式 , 但 是 为 不 同 的 文章 标题 设置 了 不 同 的 字体 大 小 和 字体 颜色 ， 
使 得 版 面 中 文章 标题 文字 的 排版 效果 更 具有 层次 感 。 


11.4 汽车 杂志 内 页 版 式 设计 


杂志 内 页 版 式 设 计 是 将 文字 内 容 和 艺术 形式 进行 完美 结合 的 创作 。 杂 志 的 版 式 设 计 是 为 了 更 好 
地 吸引 读者 的 视线 ， 使 杂志 版 面 获 得 最 佳 的 视觉 效果 。 本 节 将 带领 读者 一 起 完成 一 个 汽车 杂志 内 页 
的 版 式 设计 。 


11.4.1 项 目 分 析 


本 案例 所 设计 的 汽车 杂志 内 页 使 用 灰 宰 色 的 岩石 纹理 作为 版 面 的 背景 ， 突 出 表现 版 面 的 硬朗 和 
质感 ， 与 汽车 杂志 内 容 相符 。 在 该 汽车 杂志 内 页 版 面 中 图 片 较 多 ， 文 字 内 容 较 少 ， 所 以 在 版 面 中 使 用 
比较 自由 的 排版 方式 ， 通 过 汽车 大 图 突出 表现 版 面 的 主题 并 有 效 吸 引 读者 的 关注 。 自 由 多 变 的 排版 
方式 ， 使 版 面 给 人 感觉 自由 、 活 泌 、 富 有 动感 。 本 案例 设计 的 汽车 杂志 内 页 的 最 终 效果 如 图 11-21 
所 示 。 
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在 该 汽车 杂志 内 页 版 面 中 所 使 用 的 素材 以 汽车 展示 图 片 为 主 ， 展 现 了 不 同时 期 的 汽车 图 片 ， 与 
版 面 中 的 文字 内 容 相 结合 ， 全 面 展现 了 该 品牌 汽车 的 发 展 和 魅力 。 本 案例 设计 的 汽车 杂志 内 页 所 使 
用 的 素材 如 图 11-22 所 示 。 
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11.4.2 配色 分 析 


本 案例 所 设计 的 汽车 杂志 内 页 使 用 灰 褐色 作为 版 面 的 背景 主 色调 ， 使 版 面 表现 出 沉稳 、 内 敛 、 
大 气 的 氛围 ， 在 版 面 中 搭配 黑色 的 文字 内 容 ， 色 调 简洁 、 清 晰 ， 与 汽车 所 要 表现 的 干练 风格 相 吻 合 ， 
在 版 面 局 部 点 缀 红色 的 图 标 进行 标题 内 容 的 强调 ， 突 出 却 不 会 影响 整体 视觉 效果 。 整 个 版 面 的 色彩 
搭配 给 人 感觉 沉稳 而 干练 。 


RGB(193、165、148) RGB(0、 0、 0) RGB(230、0、18) 
CMYK(30、38、39、0) CMYK(0、 0、 0、100) CMYK(0、 100、 100、 0) 


11.4.3 设计 思路 


GO 将 该 汽车 杂志 的 版 面 尺寸 设置 为 210mm x285mm， 版 面 比较 大 ， 能 够 编排 丰富 的 内 容 ， 阅 读 
起 来 也 比较 流畅 。 另 外 ， 需 要 为 四 边 各 预 留 3mm 的 出 血 区 域 ， 如 图 11-23 所 示 。 

2 为 了 配合 主题 的 表现 ， 在 跨 页 版 面 中 使 用 灰 褐色 的 纹理 素材 铺 满 整个 跨 页 背景 ， 通 过 在 版 面 中 
展示 大 幅 的 汽车 图 片 ， 能 够 有 效 地 突出 主题 的 表现 ， 并 且 能 够 吸引 读者 的 关注 ， 如 图 11-24 所 示 。 





图 11-23 图 11-24 


3 在 跨 页 版 面 的 上 方 使 用 水 平 排列 方式 放置 多 个 去 底 处 理 的 汽车 小 图 ， 通 过 类 似 时 间 轴 的 方式 
来 介绍 汽车 的 发 展 ， 并 且 在 版 面 中 能 够 形成 大 小 和 位 置 的 对 比 ， 如 图 11-25 所 示 。 

@3 正文 内 容 使 用 常规 的 黑体 ， 标 题 文字 则 使 用 较 粗 的 黑体 ， 表 现 出 粗壮 、 有 力 的 印象 ， 文 字 内 
容 显得 工整 、 清 晰 ， 如 图 11-26 所 示 。 
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图 11-26 











(3 为 了 使 该 汽车 杂志 内 页 能 够 给 人 自由 、 动 感 的 视觉 效果 ， 可 以 采用 自由 的 排版 方式 ， 使 每 个 
页 面 都 能 给 读者 带 来 不 一 样 的 视觉 感受 ， 但 需要 注意 同一 本 杂志 中 的 多 个 内 页 又 需要 具有 统一 性 ， 
可 以 保持 背景 和 字体 、 字 体 大 小 不 变 ， 如 图 11-27 所 示 。 
Ne 





11.4.4 ”对 比分 析 


杂志 内 页 版 式 设计 除了 需要 遵循 版 式 设计 的 一 般 规律 和 美学 原则 之 外 ， 还 应 该 强化 版 式 设计 的 
视觉 效果 ， 在 编排 和 制作 上 保持 高 格调 、 高 亲 和 度 和 回味 的 欣赏 价值 。 
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使 用 纯 白色 作为 版 面 的 背景 颜色 ， 整 个 版 面 显 得 非常 清晰 ， 但 是 也 使 得 汽车 的 质感 表现 得 不 够 突出 。 
将 跨 页 版 面 清楚 地 区 分 为 左右 两 页 ， 在 左 侧 页 面 中 放置 标题 名 称 和 汽车 图 片 ， 使 得 左右 页 面 的 联系 并 不 
是 很 紧密 ， 而 且 版 面 的 视觉 效果 也 并 不 是 很 突出 。 


使 用 网 格 对 小 汽车 图 片 进行 排列 ， 清 晰 、 简 洁 ， 但 无 法 体现 出 其 历史 发 展 过 程 。 


设计 要 请 了 se ; 
本 
Jeep < 本 
传奇 如 何 铸就 ”= , 

品牌 的 攻 煌 历 史 ? 

TT ' 

回国 咯 1 


0 
@ 
@ 将 文章 标题 放置 在 左 侧 页 面 中 ， 文 章 内容 放 置 在 右 侧 页 面 ， 关 联 性 降低 ， 会 给 读者 带 来 误解 。 
@ 
最 





@ 使 用 灰 褐色 的 岩石 纹理 素材 作为 跨 页 版 面 的 背景 ， 很 好 地 泻 染 了 刚毅 、 硬 朗 、 富 有 质感 的 版 面 氛 围 。 

@ 将 大 的 汽车 图 片 横 跨 页 面 放置 在 版 面 的 右 下 角 位 置 ， 使 其 在 跨 页 版 面 中 占据 较 大 的 面积 ， 视 觉 效果 非常 
突出 ， 也 给 整个 版 面 带 来 了 动感 。 

人 @ 在 左 侧 页 面 中 将 标题 名 称 和 正文 内 容 排列 在 一 起 ， 这 样 更 便于 读者 的 阅读 。 

人 @ 在 跨 页 版 面 上 方 使 用 类 似 于 时 间 线 的 方式 来 排列 小 汽车 图 片 ， 并 添加 说 明文 字 ， 使 得 其 历史 发 展 过程 表 

现 得 非常 清晰 ， 并 且 能 加 强 左右 页 面 的 联系 。 
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报纸 是 大 众 媒 体 ， 覆 盖 面 大 ， 传 播 面 广 ， 可 信 度 高 ， 内 容 


! 涉及 社会 生活 各 个 层面 ， 世 界 、 国 家 、 政 治 、 经 济 、 文 化 、 科 ， 
1 技 、 娱 乐 无 所 不 包 ， 深 受 人 们 的 喜欢 。 报 纸 的 版 式 设计 在 古老 ， 
， 的 报 业 中 正在 成 为 新 潮流 ， 即 便 是 一 些 多 年 来 设计 精良 的 报纸 ! 
!， 也 需要 进行 不 断 地 创新 设计 。 
1 
1 
了 
1 


! 。 本章 将 向 读者 介绍 报纸 版 式 设计 的 相关 知识 和 内 容 ， 并 通 
， 过 商业 案例 的 分 析 讲 解 ， 使 读者 能 够 更 加 深入 地 理解 报纸 版 式 





| 
i 

Te, fr : 
二 玩 要 还 是 补课 ? 
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12.1 报纸 版 式 设 计 概述 


报纸 版 式 设计 是 将 文字 、 图 片 、 色 彩 、 栏 、 行 、 线 、 报 头 、 报 花 、 报 届 、 空 白 等 构成 元 素 按 具 
体内 容 和 思想 导向 原则 排列 组 合 ， 使 用 形式 语言 、 造 型 方法 把 新 闻 思 想 以 视觉 形式 表现 出 来 。 


12.1.1 了 解 报 纸 版 式 设计 


很 多 年 来 ， 报 纸 设计 没有 自己 本 身 的 美学 理论 是 不 争 的 事实 。 在 很 多 情况 下 ， 文 字 仍 占有 着 支 
配 地 位 。 由 于 没有 优秀 的 设计 人 才 和 图 片 编辑 ， 优 秀 的 图 片 仍 被 当 作 报 纸 补 白 来 处 理 ， 好 的 图 片 被 
无 情 地 缩小 ， 而 差 的 图 片 则 被 当 作 重要 版 面 元 素来 安排 。 

报纸 作为 平面 视觉 媒体 ， 是 通过 印刷 在 纸张 上 的 文字 、 图 片 、 色 彩 以 及 版 式 等 符号 向 受众 传递 
信息 的 一 种 纸 质 媒体 。 诉 诸 人 的 平面 视觉 ， 是 报纸 与 其 他 大 众 传播 媒介 最 大 的 区 别 。 受 众 通过 阅读 
文字 和 图 片 获知 信息 的 具体 内 容 。 其 中 ， 版 式 在 报纸 版 面 中 扮演 着 举足轻重 的 角色 。 版 式 是 报纸 的 
广告 和 包装 ， 它 刺激 着 读者 的 阅读 和 欲望， 吸引 着 读者 的 视线 。 好 看 的 报纸 首先 是 从 报纸 版 式 上 感应 
到 的 。 每 一 张 报纸 的 版 面 由 文字 、 图 片 、 色 彩 、 字 体 、 栏 、 行 、 线 、 报 头 、 报 花 、 报 眉 以 及 空白 等 
要 素 构成 , 版 式 就 是 报纸 版 面 构成 的 组 织 和 结构 。 报纸 的 诸多 要 素 ,要 靠 版 式 设计 的 造型 活动 来 完成 ， 
不 同 的 报纸 不 仅 会 以 提供 给 受众 信息 的 侧重 点 不 同 而 突显 媒体 性 质 ， 而 且 不 同 的 版 式 设计 和 色彩 运 
用 表现 着 不 同 的 编辑 思路 ， 也 有 助 于 形式 不 同 的 报纸 风格 。 如 图 12-1 所 示 为 精美 的 报纸 版 式 设计 。 
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12.1.2 ”报纸 版 面 的 常见 开本 和 分 类 
目前 世界 上 各 国 的 报纸 版 面 主要 有 对 开 、4 开 两 种 。 其 中 ， 中 国 的 对 开 报纸 版 面 尺寸 为 780mm x 
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550mm， 版 心 尺寸 为 350mm x 490mm x 2， 通 常 分 为 8 栏 ， 横 排 与 坚 排 所 占 的 比例 约 为 8 : 2 
4 开 报纸 的 版 面 尺寸 为 540mm x 390mm， 版 心 尺寸 为 490mm x 350mm。 
目前 也 出 现 了 一 些 开本 不 规则 的 报纸 版 面 ， 如 宽 幅 、 罕 幅 报 纸 等 。 
技 。 和 str 二 ， 使 用 要 直 分 检 ， 而 最 纸 采 用 水 平分 检 。 一 个 于 分 为 8 
攻 瑟 个 基本 栏 ， 再 根据 内 容 对 基本 栏 进行 变 栏 处 理 。 
按 不 同 的 分 类 方法 可 以 将 报纸 分 成 许多 类 。 从 内 容 上 划分 ， 可 分 为 综合 性 报纸 与 专业 报纸 ; 从 
发 行 区 域 上 划分 ， 可 分 为 全 国 性 报纸 与 地 区 性 报纸 ， 按 出 版 周期 划分 ， 可 分 为 日 报 、 早 报 、 晚 报 、 


周报 等 ; 按 版 面 大 小 划分 ， 可 分 为 对 开 大 报 和 4 开 小 报 ; 按 色彩 进行 划分 ， 可 分 为 黑白 报纸 、 套 色 
报纸 、 彩 色 报纸 。 如 图 12-2 所 示 分 别 为 黑白 报纸 和 彩色 报纸 的 效果 。 





12.1.3 ”报纸 版 面 的 设计 流程 


报纸 的 编辑 工作 是 报纸 生产 中 最 重要 的 部 分 之 一 , 由 多 道 工序 组 成 , 其 工作 的 业务 范围 包括 策划 、 
编 稿 和 组 版 三 部 分 。 策 划 是 指 报 纸 的 策划 和 报道 的 策划 ; 编 稿 是 指 分 析 与 选择 稿件 、 修 改 稿 件 和 制 
作 标 题 ， 组 版 是 指 配置 版 面 内 容 和 设计 报纸 版 面 ， 报 纸 版 式 设计 就 属于 组 版 的 范畴 。 
1. 安排 稿件 

设计 师 在 对 报纸 版 面 进行 设计 之 前 需要 根据 稿件 的 内 容 和 字数 ， 以 及 稿件 的 新 闻 性 和 重要 程度 
分 出 主 次 顺序 , 以 此 确定 文稿 、 图 片 的 大 小 以 及 在 版 面 中 所 处 的 位 置 , 并 大 致 勾画 出 报纸 版 面 的 框架 。 
2. 美化 版 面 

通过 题 文 、 图 文 的 配合 ， 以 及 长 短 块 、 大 小 标题 、 横 坚 排 列 的 安排 ， 再 加 上 字体 、 字 号 、 线 条 
的 变化 和 花 框 、 底 纹 、 题 花 的 点 级， 以 及 色彩 的 运用 和 空白 的 处 理 等 方法 ， 对 报纸 的 外 观 进行 美化 
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和 修饰 。 虽 然 报纸 的 版 面 设计 比 书 刊 的 版 面 设计 要 复杂 得 多 ， 但 是 它 也 是 依据 版 面 编排 设计 的 基本 
规律 和 框架 来 进行 的 。 如 图 12-3 所 示 出 色 的 报纸 版 式 设计 。 
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12.2 报纸 的 版 式 编排 特点 


报纸 版 式 设计 一 定 要 遵循 “ 主 次 分 明 、 条 理 清 楚 、 既 有 变化 、 又 有 统一 ”的 原则 , 恰当 地 留 白 守 黑 ， 
灵活 地 运用 灰色 ， 通 过 对 黑白 灰 的 巧妙 安排 ( 这 里 的 黑 、 白 、 灰 是 指 照片 、 题 图 、 插 图 、 底 纹 之 间 形 
成 的 色调 关系 )， 从 而 形成 一 种 张弛 有 度 、 中 密 有 致 、 有 轻 有 重 的 节奏 。 


12.2.1 报纸 设计 的 构成 要 素 


报纸 版 式 的 构成 要 素 包 括 文 字 、 图 片 和 色彩 。 

文字 是 报纸 版 面 中 最 为 重要 的 元 素 ， 是 读者 获取 信息 的 最 主要 的 来 源 。 文 字 的 编排 主要 依靠 网 
络 系统 来 进行 。 

比 起 长 篇 累 睦 的 文字 ， 图 片 拥有 光鲜 夺目 的 色彩 和 极 具 张 力 的 表现 手法 ， 因 而 更 容易 形成 视觉 
冲击 力 ， 活 路 版面 ， 并 填补 文字 的 枯燥 。 因 此 ， 图 片 在 报纸 版 面 中 的 地 位 在 不 断 提 高 。 

色彩 也 是 报纸 设计 中 较为 视觉 的 一 个 环节 ， 对 色彩 的 把 握 能 力 直接 关系 到 整个 画面 。 色 彩 具 有 


215《(《( 


于 本 版 式 设计 一 一 设计 师 必 备 宝典 


表达 情感 的 作用 ， 色 彩 的 使 用 要 符合 报纸 所 要 表达 的 主题 。 例 如 ， 表 现 重大 自然 灾害 造成 人 员 伤 亡 
的 新 闻 时 ， 就 需要 使 用 较为 严肃 的 色彩 ( 如 黑白 ); 如 果 还 使 用 鲜艳 的 色彩 ， 则 会 给 人 一 种 不 够 严肃 、 

















12.2.2 ”如 何 设 计 出 色 的 报纸 版 式 


报纸 以 读者 为 本 ， 版 式 设计 是 “绿叶 ”， 应 该 紧 紧 围绕 文字 信息 传播 这 朱 “ 红 花 ”， 它 只 能 加 
强 优化 传播 内 容 ， 不 能 喧 宾 夺 主 。 在 具体 的 报纸 版 式 设计 中 需要 注意 以 下 几 点 。 
1. 正确 引导 读者 

报纸 种 类 很 多 ， 给 读者 提供 的 信息 各 有 侧重 ， 内 容 风 格 均 有 差异 ， 这 种 差异 应 该 让 读者 能 够 从 
报纸 版 式 上 感觉 出 来 。 报 纸 中 的 版 式 ， 不 仅 有 形式 上 的 视觉 “景观 ”， 接 受 者 还 会 感应 到 其 中 的 情 
感 印象 和 信息 。 应 该 说 版 式 编排 可 以 向 读者 发 出 直观 的 信息 : 有 的 清新 文雅 ， 满 纸 书卷 气 ， 有 的 高 
雅 端 庄 ， 气 派 不 凡 ; 也 有 的 棱角 分 明 ， 活 力 跳跃 等 ， 如 图 12-5 所 示 。 
PORTRICH LIST 





版 面 清新 、 简 约 、 高 雅 版 面 丰 富 、 活 跃 、 动 感 
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每 份 报 纸 的 版 面 都 应 该 有 属于 自己 的 个 性 , 有 个 性 才能 区 别 于 其 他 , 从 而 满足 读者 多 方面 的 需求 。 
内 容 能 够 体现 个 性 ， 个 性 又 表现 为 形式 的 独特 性 ， 版 面 个 性 正 是 出 版 物 内 在 个 性 的 外 在 表现 。 设 计 
师 首先 需要 深入 领会 报纸 的 内 容 、 价 值 、 导 向 ， 并 将 其 贯穿 到 版 式 设计 中 ， 用 个 性 化 的 外 观 呈 现 信 
息 的 意义 ， 用 视觉 形象 正确 引导 读者 。 如 图 12-6 所 示 为 个 性 化 的 报纸 版 式 设计 。 





图 12-6 


2. 在 版 面 中 巧妙 地 运用 图 片 

图 片 具有 先 声 夺 人 的 功效 , 信息 传达 生动 、 感 性 。 今 天 的 读 图 时 代 , 图 片 在 报纸 中 的 分 量 越 来 越 重 。 
在 版 式 设计 中 巧妙 地 应 用 图 片 , 会 迅速 抓 住 读者 的 眼球 , 激发 阅读 欲望 。 例如 , 将 主题 图 片 放大 、 强化， 
可 以 增强 版 面 的 视觉 冲击 力 ; 将 图 片 进行 特殊 形式 的 组 合 ， 可 以 引发 联想 与 关注 。 

图 片 是 “诱饵 ”， 巧 用 的 目的 是 吸引 读者 去 浏览 整个 版 面 。 因 此 在 强化 视觉 中 心 的 同时 ， 还 必须 
考虑 视觉 平衡 ， 主 题 图 片 要 与 其 他 图 片 相 呼应 ， 使 版 面 主 次 分 明 、 流 畅 易 读 、 整 体 和 谐 ， 如 图 12-7 
所 示 。 
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技 如 果 报纸 版 面 中 只 有 灰 灰 的 大 片 文字 , 难免 单调 。 图 片 增加 了 变化 , 丰富 了 报纸 的 视觉 表现 效果 。 
巧 选择 图 片 一 定 要 能 够 正确 反映 新 闻 内 容 和 编辑 思想 ， 一 张 没有 内 涵 的 图 片 ， 处 理 得 再 妙 也 只 是 金玉 其 
1 外 ， 败 架 其 中 ， 会 误导 读者 。 





和 


外 局 二 部局 属 耐 厨 画 天 面 画面 司 下 画 画 一 画 司 局 画面 曾 画 天 司 匣 天 恒基 本 画 基 品 画 天 画 王 本 画 画 画 画 画 画 画 画 辣 忆 面 画 咏 


3 运用 线条 突出 版 面 中 的 重点 内 容 
线条 丰富 多 变 ， 感 性 十 足 ， 显 示 出 多 种 功能 和 作用 ， 是 报纸 版 面 常用 的 设计 手段 。 线 条 有 直线 、 
曲线 、 花 线 、 点 线 、 网 线 等 ， 其 中 直线 又 可 以 分 为 正 线 ( 细 线 )、 反 线 ( 粗 线 )、 双 正 线 ( 两 行 细 线 )、 
双 反 线 ( 两 行 粗 线 )、 正 反 线 等 多 种 形式 。 
在 报纸 版 式 设计 中 ， 放生 下 和 区 分 内 容 、 增 强 表现 力 ， era diol ii 
ww EE sa 





图 12-8 


具体 的 做 法 有 以 下 几 种 。 

强调 : 借助 线条 使 版 面 中 的 重要 稿件 突出 ， 例 如 为 某 篇 稿子 添加 边框 ， 由 于 它 与 版 面 中 的 其 他 
内 容 处 理 不 同 ， 自 然 成 为 读者 关注 的 重点 。 

区 分 : 使 用 线条 将 报纸 版 面 中 的 不 同 稿件 内 容 划 分 开 ， 方 便 读者 的 阅读 。 

统一 : 如 果 报 纸 版 面 中 的 几 篇 稿件 内 容 相互 关联 ， 可 以 使 用 线条 围 边 、 勾 边 或 加 以 相同 的 线条 
装饰 ， 使 它们 形成 统一 。 一 些 专题 、 专 栏 使 用 该 方法 进行 处 理 ， 可 以 有 效 地 区 别 于 其 他 内 容 。 

表情 : 线条 具有 丰富 的 情感 语言 ， 直线 简 单 大方 , 细 线 精致 高 锥 ， 网 线 含蓄 文雅 ， 花 线 活泼 热闹， 
曲线 运动 优美 。 注 意 将 线条 的 特点 与 稿件 内 容 巧 妙 结合 ， 能 增强 版 面 的 感染 力 、 表 现 力 ， 获 得 意 想 
不 到 的 效果 。 例 如 ， 文 化 品位 较 高 的 文章 可 以 使 用 大 方 单纯 的 直线 ， 不 宜 使 用 花哨 的 线条 装饰 ; 政 
论 性 、 批 判 性 的 文章 应 该 庄重 严肃 ， 也 不 适合 使 用 花边 。 

扩展 : 有 的 稿件 内 容 经 典 ， 是 版 面 中 必 不 可 少 的 内 容 ， 但 稿件 分 量 少 ， 版 面 占有 量 小 ， 易 产生 
不 和 谐 的 空白 。 为 了 使 该 部 分 内 容 撑 满 一 定 的 版 面 ， 可 以 使 用 线条 加 框 处 理 ， 从 而 扩大 空间 。 
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4. 版 面 内 容 简洁 易 读 

简洁 、 易 读 是 现代 报纸 版 式 设计 最 为 突出 的 特点 。 简 洁 体现 了 现代 设计 的 外 在 特点 ， 符 合 现代 
社会 的 生活 节奏 和 审美 观念 ， 易 读 则 体现 了 现代 设计 的 内 在 特点 ， 即 从 人 的 因素 出 发 ， 为 读者 服务 ， 
体现 人 性 化 的 特征 。 简 洁 的 最 终 目 的 也 是 为 了 方便 阅读 ， 也 就 是 说 形式 必须 服从 于 功能 。 如 图 12-9 
所 示 为 简洁 易 读 的 报纸 版 式 设计 。 


Makati wii 图 THERICHUIST 


FUTURE TENTATIVE PLAN mo 









下 > 

















现代 社会 是 信息 爆炸 的 社会 ， 是 各 种 传媒 竞争 白热化 的 社会 ， 而 现代 的 读者 是 多 元 化 的 读者 ， 
是 匆匆 忙 忙 的 读者 。 因 此 ， 当 今 报 纸 设计 需要 注意 的 一 个 重要 问题 就 是 使 读者 能 够 在 尽 可 能 短 的 时 
间 内 获得 尽 可 能 多 的 信息 。 现 代 报 纸 之 所 以 要 以 简洁 的 形式 服从 于 易 读 的 功能 ， 完 全 是 为 了 适应 社 
会 的 发 展 和 读者 的 需要 。 


12.2.3 ”报纸 的 视觉 流程 


要 在 最 短 的 时 间 内 把 版 面 信息 传达 给 读者 ， 报 纸 版 面 必须 要 具有 一 定 的 视觉 冲击 力 和 正确 合理 
的 视觉 流程 导向 。 报 纸 版 式 的 视觉 流程 主要 有 以 下 几 种 类 型 。 
1. 线性 视觉 流程 

主要 借助 于 线条 不 同方 向 的 牵引 ， 似 乎 有 一 条 清晰 的 运动 脉络 贯穿 于 版 面 的 始终 。 
2. 导向 性 视觉 流程 

通过 文字 、 手 势 等 元 素 ， 引 导读 者 的 视线 按 一 定 的 方向 运动 ， 并 且 由 大 到 小 、 由 主 及 次 ， 把 版 
面 中 的 各 个 构成 要 素 依 序 串联 起 来 ， 组 成 一 个 整体 ， 形 成 具有 活力 、 动 感 的 流畅 型 视觉 要 素 。 
3. 多 向 性 视觉 流程 

是 指 与 线性 、 导 向 性 相反 的 视觉 流程 , 它 强调 版 面 视 觉 的 情感 性 自由 性 和 独特 性 , 不 被 常规 束缚 ， 
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刻意 追求 一 种 新 奇 、 刺 激 的 视觉 新 语言 。 
4. 反复 视觉 流程 


把 相同 或 相似 的 版 面 视觉 要 素 进行 重复 、 有 规律 地 排列 ， 使 其 产生 有 秩序 的 节奏 和 韵律 ， 从 而 
起 到 加 速 视觉 流动 的 功能 。 


12.3 ”旅游 报纸 版 式 设计 


12.3.1 项 目 分 析 


在 报纸 版 面 的 设计 过 程 中 ， 因 其 版 面 较 大 、 内 容 较 多 ， 常 常 使 用 分 栏 的 方式 来 对 版 面 内 容 进 行 
排版 处 理 ， 应 用 分 栏 可 以 使 版 面 内 容 更 加 清晰 、 有 条 理 ， 使 得 版 面 内容 更 容易 阅读 。 为 了 使 整个 报 
纸 的 风格 统一 ， 在 排版 过 程 中 还 可 以 创建 相应 的 字符 样式 和 段落 样式 ， 为 版 面 中 不 同 的 内 容 应 用 相 
应 的 样式 ， 这 样 能 够 有 效 地 控制 整个 版 面 的 表现 效果 ， 并 且 提 高 排版 的 效率 。 本 案例 所 设计 的 旅游 
报纸 版 面 的 最 终 效果 如 图 12-10 所 示 。 














图 12-10 


根据 旅游 类 报纸 版 面 的 编排 特点 ， 选 择 具有 代表 性 的 景点 图 片 作 为 版 面 的 主要 素材 ， 穿 插 少 量 
与 景点 相关 的 其 他 特色 图 片 ， 根 据 实际 的 设计 案例 选择 合适 的 设计 元 素 进行 报纸 版 面 的 设计 。 本 案 
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例 设计 的 旅游 报纸 版 面 所 使 用 的 素材 如 图 12-11 所 示 。 














图 12-11 


报纸 版 面 通常 都 会 有 大 篇 幅 的 文字 内 容 ， 所 以 通常 会 采用 白 底 黑 字 的 搭配 方式 ， 本 案例 所 设计 
的 旅游 报纸 版 面 同样 使 用 白 底 黑 字 的 搭配 方式 ， 为 了 配合 旅游 的 主题 ， 在 版 面 中 局 部 搭配 了 蓝 色 的 
背景 色 ， 使 版 面 看 起 来 更 加 清爽 、 敢 意 。 


RGB(255、255、255) RGB(0、 0、0) RGB(195、229、236) 
CMYK(0、 0、0、 0) CMYK(0、 0、 0、 100) CMYK(27, 0、 8、 0) 








该 旅游 报纸 的 版 面 尺寸 设置 为 390mm x 540mm， 四 边 的 边 距 均 为 20mm， 这 是 一 个 标准 
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的 4 开 报 纸 的 版 面 尺寸 ， 并 且 需 要 为 四 边 各 预 留 3mm 的 出 血 区 域 ， 如 图 12-12 所 示 。 
图 片 ， 从 而 有 效 地 吸引 读者 的 目光 ， 


《2 在 版 面 顶部 放置 最 能 够 展示 当地 特点 的 大 幅 高 清晰 风景 


如 图 12-13 所 示 。 





图 














12-12 











图 

















12-13 


@3 在 顶部 的 大 图 上 方志 加 放置 版 面 的 主题 文字 ， 注 意 主题 文字 的 表现 需要 醒目 与 突出 ， 如 


图 12-14 所 示 。 


@3 接 下 来 在 版 面 中 通过 分 栏 的 方式 对 版 面 的 主要 内 容 进 行 排版 处 理 ， 搭 配 当地 的 景点 图 片 进行 
辅助 展示 ， 注 意 在 排版 的 过 程 中 需要 保持 文字 排版 的 整齐 与 样式 的 统一 ， 如 图 12-15 所 示 。 




















技 我 们 可 以 选择 在 InDesign 软件 中 对 报纸 版 面 进行 排版 设计 。InDesign 是 一 款 专 业 的 书籍 报刊 | 
本 瑟 w 拆 软件 ， 在 该 软件 中 可 以 轻松 地 进行 分 栏 处 理 ， 以 及 通过 创建 相应 的 字符 样式 和 段落 样式 ， 从 而 保 ' 


! 持 排 版 作品 中 各 部 分 文字 内 容 格式 的 统一 。 
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3 在 版 面 的 最 下 方 使 用 浅 蓝 色 的 背景 色 块 来 区 别 不 同 的 内 容 ， 如 图 12-16 所 示 。 
@@ 由 于 版 面 中 的 图 片 色 彩 已 经 很 丰富 了 ， 因 此 版 面 中 其 他 元 素 的 色彩 以 简单 、 统 一 为 主 ， 这 样 
就 完成 了 该 旅游 报纸 版 面 的 设计 ， 如 图 12-17 所 示 。 


| 5 一 < 





NE W YORK NIGHTS 





























12.3.4 对 比分 析 


旅游 报纸 版 面 设计 中 以 当地 景点 的 图 片 作 为 主要 素材 ， 充 分 展示 醉人 的 景色 。 运 用 一 张大 图 作 
为 主要 的 展示 ， 其 余 的 小 图 以 辅助 展示 细节 的 方式 来 编排 图 片 ， 版 面 的 排版 要 求 尽量 简洁 、 清 晰 。 


-设计 初稿 -一 ， 


@ 版 面 中 图 片 的 尺寸 差别 不 大 ， 
因此 不 够 突出 。 

人 @ 版 面 主题 的 英文 字体 选择 了 严 
肃 的 粗 黑体 ， 并 且 排 版 形式 单 
一 ， 无 法 体现 出 浪漫 的 感觉 。 

@ 将 相应 的 小 图 片 在 版 面 的 右 侧 
进行 排列 ， 无 法 与 正文 中 的 内 
容 联系 起 来 。 

@ 版 面 下 方 的 版 块 内 容 与 上 方 主 
体内 容 之 间 的 区 别 不 够 明显 ， 
无 法 体现 版 面 内 容 之 间 的 层次 。 
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约 效 归隐 DB 
















@ 将 版 面 上 方 的 图 片 放大 至 满 版 ， 
给 人 很 强 的 视觉 冲击 力 。 

人 @ 选择 罗马 字体 作为 版 面 主题 的 
英文 字体 ， 将 文字 去 加 在 图 片上 
方 ， 并 进行 相应 处 理 ， 使 主题 文 
字 的 表现 更 具有 艺术 感 。 

@ 同样 使 用 分 栏 的 方式 排列 内 容 ， 
但 将 各 景点 图 片 与 内 容 相 结合 ， 
非常 清晰 、 直 观 。 

@ 为 版 面 下 方 的 内 容 添 加 色 块 背 
景 ， 体 现 出 版 面 内 容 的 层次 感 。 





12.4 ”儿童 教育 报纸 版 式 设计 


儿童 教育 报纸 包含 的 内 容 以 新 闻 资 讯 为 主 ， 在 对 该 类 报纸 进行 排版 设计 时 常常 采用 常规 的 编排 
方式 ， 对 正文 内 容 进 行 分 割 处 理 ， 使 正文 内 容 清 晰 、 有 条 理 ， 便 于 读者 阅读 。 为 了 使 版 面 不 会 显得 
过 于 单调 ， 还 可 以 在 分 栏 的 基础 上 加 以 变化 ， 从 而 使 版 面 富 于 节奏 感 。 


12.4.1 项 目 分 析 


在 该 儿童 教育 报纸 的 版 式 设计 中 ， 将 版 面 划 分 为 3 个 垂直 栏 ， 左 侧 和 右 侧 的 分 栏 较 小 ， 主 要 放 
置 一 些 与 亲子 教育 相关 的 知识 ， 使 读者 从 中 获 益 。 在 版 面 的 中 间 位 置 放置 该 版 面 的 重点 内 容 ， 使 用 
大 幅 图 片 和 大 号 加 粗 字体 的 标题 来 突出 主题 的 表现 ， 并 且 将 中 间 的 正文 内 容 分 为 三 栏 进行 排列 ， 使 
版 面 主 次 分 明 ， 内 容 划 分 清晰 、 流 畅 。 本 案例 所 设计 的 儿童 教育 报纸 版 面 的 最 终 效 果 如 图 12-18 
所 示 。 

在 该 儿童 教育 报纸 版 面 的 设计 中 ， 主 要 以 照片 素材 为 主 ， 分 为 儿童 、 婴 儿 、 玩 具 、 家 居 4 种 类 型 。 
风格 轻松 、 活 泌 、 可 爱 ， 符 合 版 面 的 主题 ， 根 据 实际 的 设计 案例 选择 合适 的 设计 元 素 进行 报纸 版 面 
的 设计 。 本 案例 设计 的 儿童 教育 报纸 版 面 所 使 用 的 素材 如 图 12-19 所 示 。 
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这 个 号 假 ， 你 的 孩子 
玩 责 还 是 补课 ? 








Ca 
E_n 
Sa 
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12.4.2 配色 分 析 


该 儿童 教育 报纸 版 面 中 的 文字 内 容 较 多 ， 为 了 使 版 面 能 够 给 用 户 带 来 简洁 、 清 晰 的 视觉 效果 ， 
在 该 报纸 版 面 中 并 没有 使 用 过 多 的 色彩 进行 搭配 ， 仅 使 用 了 最 常规 的 白 底 黑 字 的 搭配 方式 ， 这 样 的 
搭配 可 以 使 版 面 的 表现 效果 清晰 、 自 然 ， 文 字 内 容 的 阅读 更 加 流畅 。 


12.4.3 设计 思路 


所 昌 将 该 儿童 教育 报纸 的 版 面 尺寸 设置 为 390mm x 540mm ， 四 边 的 边 距 均 为 20mm， 这 是 一 
个 标准 的 4 开 报 纸 的 版 面 尺寸 ， 并 且 需 要 为 四 边 各 预 留 3mm 的 出 血 区 域 ， 如 图 12-20 所 示 。 

2 在 开始 对 报纸 版 面 进行 设计 之 前 需要 有 清晰 的 设计 思路 ， 在 该 报纸 的 版 面 中 我 们 将 整个 版 
面 垂直 划分 为 3 栏 ， 并 且 通 过 线条 来 进行 区 别 ， 这 样 可 以 使 读者 清晰 地 分 清 版 面 中 内 容 的 层次 ， 如 
图 12-21 所 示 。 




















图 12-20 图 12-21 


3 在 版 面 左右 两 侧 较 窒 的 垂直 栏 中 放置 一 些 相 对 轻松 的 亲子 类 知识 ， 可 以 搭配 一 些 儿 童 写真 昭 
片 ， 从 而 避免 全 部 都 是 文字 内 容 的 枯燥 ， 如 图 12-22 所 示 。 

@3 对 于 版 面 中 的 重点 文章 应 该 与 其 他 的 次 要 内 容 进行 明确 区 分 ， 加 强 对 比 。 在 版 面 中 间 位 置 使 
用 大 幅 儿童 图 片 搭配 大 号 粗 体 文字 表现 版 面 的 重点 文章 ， 如 图 12-23 所 示 。 

@3 在 中 间 标 题 文字 的 下 方 使 用 分 栏 的 方式 来 对 文章 内 容 进 行 排版 处 理 ， 在 整个 版 面 的 排版 过 程 
中 注意 使 用 字符 样式 和 段落 样式 对 版 面 中 的 文字 格式 进行 统一 ， 如 图 12-24 所 示 。 

@@ 由 于 版 面 中 所 使 用 的 图 片 色彩 已 经 比较 丰富 了 ， 因 此 其 他 部 分 不 需要 再 添加 色彩 ， 保 持 白 底 
黑 字 即 可 ， 完 成 该 儿童 教育 报纸 版 面 的 设计 ， 如 图 12-25 所 示 。 
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腊 王 这 个 时 假 ， 你 的 孩子 | 
玩 可 还 是 补课 ? : 









玩具 抽样 检查 
了 成 不 合 





























图 12-24 


12.4.4 对 比分 析 


儿童 教育 报纸 版 式 的 设计 可 以 根据 版 面 中 的 内 容 来 选 

















图 12-25 


合适 的 排版 方式 。 如 果 版 面 中 内 容 较 少 ， 
则 可 以 使 用 一 些 比较 活泼 的 形式 进行 表现 ; 如 果 版 面 中 的 文字 内 容 较 多 ， 则 需要 通过 清晰 的 结构 使 
版 面 中 的 内 容 清晰 、 易 读 。 
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人 @ 版 面 分 为 两 栏 ， 左 侧 栏 中 放置 
的 内 容 较 多 ， 整 个 版 面 的 条 理 
不 够 清晰 。 

名 将 重点 文章 的 标题 纵向 排列 ， 
与 版 面 完 全 不 协调 。 

和 @ 将 重点 文章 的 内 容 进 行 通栏 排 
列 ， 显 得 十 分 拥挤 ， 并 且 视 觉 
效果 混乱 。 

人 @ 在 版 面 的 最 下 方 使 用 分 栏 的 方 
式 放置 其 他 次 要 内 容 ， 整 体 缺 
乏 规 律 。 


和 @ 首先 对 版 面 进行 整体 分 栏 ， 分 为 
垂直 3 栏 ， 左 右 两 侧 安排 次 要 
的 内 容 , 中 间 部 分 安排 重点 文章 。 
@ 将 重点 文章 放置 在 版 面 的 正中 位 
置 , 从 上 至 下 依次 是 引子 、 图 片 、 
标题 和 正文 , 阅读 起 来 非常 流畅 。 
人 @ 重点 文章 的 正文 内 容 较 多 ， 这 里 


这 个 器 假 ， 你 的 孩子 同样 采用 分 栏 的 方式 来 对 正文 内 
玩 要 还 是 补课 ? 容 进行 排版 处 理 ， 使 版 面 的 结构 
清晰 、 易 读 。 


人 @ 在 版 面 的 左右 两 侧 放置 次 要 内 
容 ， 使 版 面 均衡 。 通 过 对 文字 的 
字体 、 字 号 进行 变化 来 区 分 层级 。 
整体 主 次 分 明 ， 给 人 清晰 、 舒 畅 
的 感受 。 
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LE 人 (C----- 

! ” ”在 世界 各 地 的 商场 中 ， 天 玉江 目的 商品 以 有 形 的 在 屋 传 天 着 汛 【《 人 人 
! 形 的 吸引 力 ， 这 就 是 包装 的 魅力 ， 商 品 包装 深 深 地 影响 着 顾客 的 心 | 

! 理 和 购买 谷 。 包装 的 世界 极其 丰富 ， 方 、 圆 、 三 角 、 多 面体 等 各 种 ! 

! 形状 ， 纸 、 布 、 木 、 玻 璃 、 塑 料 等 各 种 材质 ， 制 模 、 印 刷 、 表 层 处 : 

! 理 等 各 种 工艺 ， 无 论 怎样 干 变 万 化 ， 它 们 都 是 依附 于 立体 商品 之 上 | 

! 由 多 个 平面 组 合 构成 的 ， 同 样 存在 着 版 面 设计 的 理念 。 1 

本 章 将 向 读者 介绍 包装 版 式 设计 的 相关 知识 和 内 容 ， 并 通过 商 

1! 业 案例 的 分 析 讲 解 ， 使 读者 能 够 更 加 深入 地 理解 包装 版 式 设计 的 方 | 

1 法 和 技巧 。 1 

= 












后 


SEE 
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13.1 包装 版 式 设计 概述 


包装 作为 实现 商品 价值 的 手段 ， 在 生产 、 流 通 、 销 售 和 消费 领域 中 发 挥 着 极其 重要 的 作用 ， 是 
企业 界 、 设 计 界 不 得 不 关注 的 重要 课题 。 包 装 设计 的 基本 要 求 是 保护 产品 不 受 外 力 的 伤害 ; 便于 开 
启 和 携带 运输 ;视觉 冲击 力 强 ， 主 题 明确 ， 产 品 特点 突出 。 


13.1.1 了 解 包装 设计 


包装 设计 的 作用 是 为 了 保护 商品 、 美 化 商品 、 宣 传 商品 ， 也 是 一 种 提高 产品 商业 价值 的 技术 和 
艺术 手段 。 

包装 设计 包含 了 设计 领域 中 的 平面 构成 、 立 体 构成 、 文 字 构 成 、 色 彩 构成 及 插图 、 摄 影 等 ， 是 
一 门 综合 性 很 强 的 设计 专业 学 科 。 包 装 设计 又 是 和 市 场 流通 结合 最 紧密 的 设计 ， 设 计 的 成 败 完全 有 
赖 于 市 场 的 检验 ， 所 以 市 场 学 、 消 费心 理学 始终 贯穿 在 包装 设计 之 中 。 如 图 13-1 所 示 为 精美 的 产 
品 包 装 设计 。 


La 

















nt 
提 在 工业 高 度 发 达 的 今天 ， 包 装 设计 应 该 做 到 物 有 所 值 ， 档 次 定位 明确 ， 否 则 必然 招致 消费 者 的 反 ! 
示 感 和 抵触 。 因 此 ， 包 装 设计 师 一 方面 应 该 具备 良好 的 职业 道德 水 准 和 全 方位 的 设计 素质 ; 另 一 方面 包 | 

装 设 计 还 需要 考虑 环境 保护 的 问题 ， 包 装 设计 应 该 朝 绿色 化 奋力 迈进 。 ) 
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13.1.2 包装 设计 的 尺寸 


包装 设计 通常 没有 固定 的 尺寸 规定 ， 在 设计 时 需要 根据 产品 的 尺寸 来 决定 包装 设计 的 尺寸 。 在 
对 产品 包装 进行 设计 之 前 ， 需 要 根据 产品 以 及 配件 的 摆 放 方式 、 纸 张 厚度 ， 并 考虑 包装 材料 缓冲 时 
所 需要 的 距离 等 条 件 ， 计 算出 包装 的 尺寸。 


13.1.3 包装 设计 的 基本 流程 


包装 的 功能 主要 是 保护 商品 、 传 达 商 品 信息 、 方 便 使 用 、 方 便 运 输 、 促 进 销售 、 提 高 产品 附加 值 。 
作为 一 门 综合 性 学 科 ， 它 具有 商品 和 艺术 相 结合 的 双重 性 。 

包装 设计 的 主要 流程 可 以 分 为 以 下 几 个 步骤 。 
1. 调研 分 析 

根据 产品 的 开发 战略 及 市 场 情况 ， 制 订 新 产品 的 开发 动机 与 市 场 切入 点 ， 确 定 目标 消费 群体 ， 
并 根据 销售 对 象 的 年 龄 、 职 业 、 性 别 等 因素 来 制订 产品 开发 的 特点 、 销 售 方式 与 包装 形象 设计 的 突 
出 点 ， 另 外 还 要 结合 产品 的 定位 和 竞争 对 手 的 情况 制订 产品 的 特性 、 卖 点 、 成 本 以 及 售 价 等 。 


2. 制订 设计 方案 

根据 设计 项 目的 情况 组 成 设计 小 组 ， 对 具体 设计 的 项 目 进行 研讨 ， 制 订 视 觉 传达 表现 的 重点 和 
包装 结构 设计 的 方案 ， 并 对 产品 的 竞争 对 手 进行 研究 。 尽 量 准确 地 表现 出 包装 的 结构 特征 、 编 排 结 
构 和 主体 形象 造型 。 
3. 平面 设计 

一 是 图 形 部 分 ， 对 于 表现 精细 的 插画 ， 先 要 求 大 致 效果 的 表现 即 可 ， 摄 影 图片 则 运用 类 似 的 照 
片 或 效果 图 先行 代替 。 

二 是 文字 部 分 ， 包 括 品牌 字体 的 设计 、 广 告 语 、 功 能 性 说 明文 字 等 。 

三 是 包装 结构 的 设计 ， 如 纸 盒 包装 应 该 准备 出 具体 的 盒 形 结构 图 ， 以 便于 包装 展开 设计 的 实施 。 
除 此 以 外 ， 产 品 商标 、 企 业 标 示 、 相 关 符 号 等 也 应 该 提前 准备 完成 。 
4. 立体 效果 

对 最 终 筛 选 出 来 的 部 分 设计 方案 进行 展开 设计 ， 并 制作 成 实际 尺寸 的 彩色 立体 效果 ， 从 而 更 加 
接近 实际 的 成 品 。 设 计 师 可 以 通过 立体 效果 来 检验 设计 的 实际 效果 以 及 包装 结构 上 的 不 足 ， 并 经 过 
反复 改进 最 终 完 成 设计 。 如 图 13-2 所 示 为 精美 的 产品 包装 设计 。 
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图 3-2 


13.2 包装 的 版 式 编排 特征 


包装 设计 需要 考虑 到 货架 印象 、 可 读 性 、 外 观 图 案 、 商 标 印 象 、 功 能 特点 的 说 明 、 卖 点 的 提炼 。 
设计 时 需要 注意 以 下 几 点 : 主题 鲜明 突出 ， 要 让 消费 者 一 眼 就 能 看 出 包装 的 内 容 是 什么 ; 形式 与 内 
容 统一 ， 例 如 不 要 将 食品 包装 设计 得 像 洗涤 剂 包装 ; 强化 整体 布局 ， 一 定 要 使 包装 的 主体 重心 足够 
抢眼 。 


13.2.1 包装 设计 的 版 面 构图 


包装 设计 包 仿 文字、 图形、 色彩、 结构 等 要 素 ， 它 们 经 设计 组 合 后 ， 形 成 一 个 完整 的 商品 包装 。 
包装 除 保护 商品 ， 还 有 美化 商品 形象 ， 正 确 反 映 内 容 物 信息 的 功能 ， 顾 客 应 该 从 包装 版 面 得 知 产品 
名 称 、 生 产 企 业 、 标 志 、 产 品 特质 、 使 用 方法 、 促 销 语 等 ， 如 图 13-3 所 示 。 
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与 其 他 种 类 的 视觉 设计 相 比 ， 包 装 有 多 个 版 面 ， 构 成 关系 复杂 且 版 面 空间 较 小 ， 如 何 协调 各 版 
面 之 间 的 关系 并 运用 小 版 面 组 合 高 效 传递 信息 ， 是 设计 师 苦心 研究 的 重要 课题 。 在 包装 的 构图 上 ， 
应 该 着 重 以 突出 产品 名 称 为 主 ， 有 产品 图 像 的 则 需要 同时 对 图 像 进行 突出 展示 ， 最 常用 的 构图 有 垂 
直 构图 、 对 角 式 构图 、 聚 集 式 构图 等 类 型 ， 如 图 13-4 所 示 。 


























图 3-4 


13.2.2 包装 设计 的 版 面 构 成 要 点 


包装 的 主 展 面 是 最 关键 的 位 置 ， 往 往 给 人 印象 深刻 ， 其 版 面 通 常安 排 消费 者 最 为 关注 的 内 容 ， 
如 品牌 、 标 志 、 企 业 、 商 品 图 片 等 。 设 计 中 可 以 创意 无 限 ， 但 一 定 要 注意 具体 内 容 与 表现 形式 的 完 
美 结 合 。 另 外 主 展 面 不 是 孤立 的 ， 它 需要 与 其 他 各 面 形成 文字 、 色 彩 、 图 形 的 连贯 、 配 合 、 呼 应 ， 
才能 达到 理想 的 视觉 效果 ， 如 图 13-5 所 示 。 














UBERTE 


Widlettanée 

















1. 色彩 的 搭配 
色彩 在 包装 版 面 中 虽 不 如 文字 、 图 片 信息 重要 ， 但 却 是 视觉 感受 中 最 活跃 的 成 分 ， 是 表现 版 面 
个 性 化 、 情 感 影 响 力 的 重要 因素 。 
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包装 版 面 中 为 了 直 白 说 明 内 容 物 ， 拉 近 与 消费 者 的 距离 ， 有 使 用 实物 摄影 写真 色彩 表现 的 ， 也 
有 侧重 于 色 块 、 线 条 组 合 的 ， 强 调 形式 感 ， 色 彩 表现 抽象 、 概 括 、 写 意 ， 如 图 13-6 所 示 。 








图 3-6 
设计 中 我 们 以 同类 色 或 异类 色 做 基调 ， 来 强化 内 容 物 的 品质 、 特 征 、 泻 染 主题 。 同 类 色 是 将 包 
装 色彩 与 商品 的 固有 色彩 相 联 系 ， 如 橙汁 使 用 栖 色 ， 它 给 消费 者 直觉 感应 ， 利 于 快速 辨别 认同 ， 如 
图 13-7 所 示 。 异 类 色 使 用 与 商品 固有 色 或 固有 印象 背道而驰 的 色彩 ， 如 巧克力 使 用 蓝 色 ， 女 性 化 妆 
品 使 用 黑色 等 ， 一 反常 规 的 大 胆 突破 易 产 生 视 觉 惊 奇 与 深刻 印象 ， 同 样 也 起 到 突出 产品 ， 刺 激 购买 
的 作用 ， 如 图 13-8 所 示 。 


| OO GX 

















=| 

提 在 面积 有 限 的 包装 版 面 中 ， 过 多 色彩 会 使 人 眼花 练 乱 ， 简 洁 、 单 纯 的 色彩 往往 会 赢得 最 佳 注意 。 ， 

示 为 了 以 少 胜 多 ， 以 一 当 十 ， 可 以 使 用 色彩 综合 对 比 ， 它 们 有 丰富 的 色相 感 ， 又 保持 了 一 定 对 比 强度 ， 
明快 有 力 ， 置 于 货架 远 观 仍然 具有 良好 的 视觉 效果 。 ， 
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2. 文字 的 设计 

文字 是 包装 必 不 可 少 的 要 素 , 编排 中 要 依据 具体 内 容 的 不 同 选择 字体 大 小 、 摆 放 位 置 、 组 织 形式 ， 
把 握 好 主 次 关系 。 商品 名称 、 企 业 名 称 多 安排 于 主要 展 面 , 可 以 使 用 性 格 表现 力 较 强 的 书法 或 装饰 字 。 
但 不 可 本 末 倒 置 ， 过 于 追求 艺术 性 而 忽略 了 字体 与 商品 形象 特点 的 一 致 性 ， 忽 略 字体 本 身 的 可 视 性 。 
如 图 13-9 所 示 为 商品 包装 中 的 商品 名 称 文字 处 理 效果 。 





图 3-9 


如 果 包装 属于 企业 Cl 中 的 一 部 分 ， 同 一 名 称 的 字体 风格 应 该 保持 一 致 。 产 品 成 分 、 型 号 、 规 格 
等 资料 文字 多 在 侧 、 背 面 ， 也 可 以 放 在 正面 ， 一 般 采 用 与 商品 性 格 相符 ， 清 晰 明了 的 印刷 体 。 用 途 、 
保养 、 注 意 事项 等 说 明文 字 不 要 排 在 正面 ， 多 使 用 印刷 体 。 一 些 用 于 促销 的 广告 文字 可 根据 创意 灵 
活 安 排 ， 如 图 13-10 所 示 。 





1b 
sdieline 
AWARDS: 


ARST PLACE 















图 3-10 








3. 总 体 编排 需要 注意 的 问题 

在 商品 包装 的 总 体 编排 中 ， 我 们 应 该 注意 如 下 问题 : 一 是 包装 能 准确 反映 、 适 合 内 容 ， 不 同 产 
品 对 包装 要 素 选 择 、 材 料 使 用 、 外 形 特点 、 艺 术 风格 等 要 求 均 有 不 同 ， 设 计 的 关键 是 针对 不 同 主题 ， 
找到 最 恰当 、 最 独特 的 答案 。 二 是 注意 使 用 一 种 基本 格局 ， 一 个 基调 来 进行 不 同 展示 面 、 不 同系 列 
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的 局 部 处 理 ， 保 持 整体 风格 统一 。 三 是 运用 大 与 小 、 曲 与 直 、 多 与 少 、 松 与 紧 的 差异 ， 变 化 、 对 称 、 
渐变 、 空 间 、 特 异 等 形式 手法 来 取得 生动 、 美 观 、 富 有 魅力 的 视觉 效果 。 如 图 13-11 所 示 为 精美 的 
产品 包装 设计 。 





图 3-11 
另外 ， 现 代 包 装 必须 考虑 在 企业 CIS 计划 下 执行 ，VI 的 统一 性 要 求 其 版 式 遵循 一 定 设计 标准 ， 
这 样 的 包装 才能 发 挥 应 有 的 效力 ， 与 广告 、 办 公用 品 、 交 通 工具 等 其 他 形式 的 设计 同心 协力 共同 塑 
造 企 业 形象 ， 如 图 13-12 所 示 。 











图 3-12 








13.3 ”纸巾 盒 包 装 版 式 设计 


包装 设计 需要 不 断 尝试 与 探索 ， 要 具有 追求 人 类 美好 生活 的 情怀 。 包 装 用 于 包装 产品 与 宣传 产 
品 本 身 ， 成 功 的 设计 可 以 为 产品 增添 光彩 。 


13.3.1 项 目 分 析 
包装 盒 型 设计 一 定 要 用 辅助 线 帮助 定位 ， 使 用 标尺 准确 控制 盒 型 属性 。 本 案例 所 设计 的 纸巾 合 
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包装 中 使 用 图 形 填充 ， 使 包装 盒 各 个 面 的 背景 纹理 相同 ， 在 包装 盒 的 正面 部 分 放置 楼 盘整 体 环境 效 
果 图 以 及 Logo 和 宣传 标语 ， 使 得 主题 更 加 突出 。 绘 制 路 径 中 ， 虚 线 部 分 是 印 后 需要 “压痛 ”和 “ 折 
茎 ” 的 部 分 ， 文 字 的 排版 和 颜色 的 搭配 都 围绕 着 主题 部 分 创建 。 本 案例 所 设计 的 纸巾 盒 包 装 的 最 终 
效果 如 图 13-13 所 示 。 








图 3-1 


因为 本 案例 所 设计 的 纸巾 包装 盒 是 为 某 楼 盘 设计 的 配套 用 品 ， 所 以 该 包装 盒 所 使 用 的 素材 与 该 
楼 盘 相 关 ， 通 过 使 用 楼 盘 的 宣传 效果 图 以 及 楼 盘 Logo， 突 出 表现 该 楼 盘 的 品牌 和 环境 效果 ， 并 且 还 
在 该 包装 盒 的 背景 部 分 使 用 了 花纹 图 形 ， 从 而 提高 整个 包装 盒 的 美观 性 。 本 案例 设计 的 纸巾 盒 包装 
所 使 用 的 素材 如 图 13-14 所 示 。 








泣 【 人 花 纹 素材 








和 ® 
天 龙 六 Sts FrENMGAM 
cf 乾 水 党 
a 
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13.3.2 配色 分 析 


本 案例 所 设计 的 纸巾 盒 包装 使 用 了 白色 作为 背景 主 色调 ， 清 新 、 简 洁 ， 在 版 面 中 搭配 同色 系 的 
黄色 和 棕色 ， 突 出 表现 该 楼 盘 的 尊贵 ， 并 且 黄 色 系 的 色彩 搭配 能 够 给 人 一 种 温暖 的 感觉 。 包 装 色彩 
设计 要 注意 特别 针对 不 同 产品 的 类 型 和 卖点 ， 使 顾客 可 以 从 日 常生 活 所 积累 的 色彩 经 验 中 自然 而 然 
地 对 该 商品 产生 视觉 心理 认同 感 ， 从 而 达到 购买 行为 。 


RGB(255、255、255) RGB(64、33、15) RGB(255、230、134) 
CMYK(0、 0、 0、 0) CMYK(50、 70、 80、 70) CMYK(0、10、55、0) 


13.3.3 ”设计 思路 


GO 根据 对 产品 尺寸 及 纸张 等 因素 的 分 析 ， 该 纸巾 盒 包 装 的 尺寸 为 230 mm x 120mm x 
80mm, 新 建文 档 时 可 以 创建 一 个 比 包装 合 展开 尺寸 大 一 些 的 文档 ,包装 盒 是 一 种 特殊 形状 的 印刷 品 ， 
所 以 在 新 建文 档 时 不 需要 设置 出 血 ， 因 为 后 期 需要 制作 该 包装 盒 的 模 切 形状 ， 如 图 13-15 所 示 。 

2 根据 包装 盒 展 开 后 各 部 分 的 尺寸 ， 在 文档 中 使 用 参考 线 定位 各 个 面 的 位 置 ， 并 标注 出 各 个 
面 的 尺寸 大 小 ， 如 图 13-16 所 示 。 



































恒 13-16 图 3-15 


@3 根据 所 设计 的 包装 盒 ， 绘 制 出 该 包装 盒 展 开 图 的 各 部 分 ， 并 且 为 其 填充 花纹 素材 ， 丰 富 包 
装 盒 背景 的 表现 效果 ， 如 图 13-17 所 示 。 

@3 使 用 楼 盘 的 效果 图 作为 包装 盒 版 面 的 主要 素材 ， 辅 助 楼 盘 Logo 以 及 简洁 的 宣传 标语 构成 
包装 盒 主 表 面 的 效果 ， 如 图 13-18 所 示 。 
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图 3-17 图 3-18 


《kB 包装 盒 的 侧面 放置 楼 盘 的 Logo 图 形 、 宣 传 口号 以 及 联系 电话 等 信息 ， 文 字 的 字体 选择 常规 
的 黑体 ， 简 洁 、 大 方 ， 并 且 注 意 文字 大 小 的 设置 和 排版 效果 ， 如 图 13-19 所 示 。 

@ 其 他 各 侧面 放置 相同 的 内 容 ， 注 意 在 设计 时 需要 将 其 他 侧面 的 内 容 进行 翻转 处 理 ， 最 终 效果 
如 图 13-20 所 示 。 












































图 3-19 13-20 





13.3.4 ”对 比分 析 


在 设计 产品 包装 时 ， 要 把 握 好 所 设计 包装 的 尺寸。 在 制作 各 种 不 同 的 包装 设计 时 ， 要 注意 版 面 
色彩 、 版 式 、 布 局 与 搭配 的 协调 。 
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13.4 ”饮料 盒 包 装 版 式 设计 


人 @ 包装 盒 使 用 纯 白色 为 背景 ， 非 
常 简洁 ， 但 过 于 单调 。 

四 包装 盒 的 正面 放置 楼 盘 效果 
图 ， 但 并 没有 其 他 任何 的 图 形 
与 文字 , 给 人 感觉 主题 不 清楚 。 

@ 包装 盒 的 侧面 同样 没有 任何 内 
容 ， 缺 少 主题 介绍 ， 显 得 整个 
画面 非常 单调 。 


人 @ 在 包装 盒 纯 白色 的 背景 基础 上 
添加 花纹 图 形 ， 丰 富 包装 盒 背 
景 的 表现 效果 。 

@ 在 包装 盒 正 面 楼 盘 效果 图 上 方 
放置 楼 盘 的 Logo 和 宣传 语 ， 
使 得 主题 更 加 清晰 、 突 出 。 

@ 在 包装 盒 的 侧面 同时 放置 楼 盘 
Logo 和 宣传 语 等 相关 内 容 ， 
强化 主题 的 表现 ， 使 包装 盒 版 
面 显得 更 加 饱满 和 充实 。 


包装 盒 的 展示 图 通常 都 是 特殊 形状 的 , 完成 包装 盒 的 印刷 后 , 通过 裁剪 、 折 芭 、 粘 贴 等 多 道 工序 ， 
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才能 够 呈现 出 我 们 所 看 到 的 立体 包装 盒 的 效果 。 在 设计 包装 盒 时 ， 需 要 设计 其 展开 图 ， 注 意 各 部 分 
的 尺寸 和 位 置 。 


13.4.1 项 目 分 析 


本 案例 设计 一 个 饮料 盒 包 装 ， 在 该 包装 盒 的 版 面 设计 中 使 用 该 饮料 原材料 的 实物 摄影 图 片 与 各 
种 圆 弧 状 图 形 相 结合 ， 突 出 表现 该 饮料 的 原材料 ， 并 且 通 过 各 种 圆 形 图 形 来 丰富 版 面 的 表现 效果 ， 使 
用 大 号 的 粗 体 文字 来 表现 产品 名 称 , 使 得 版 面 的 表现 效果 非常 丰富 , 整个 包装 盒 版 面 的 设计 给 人 欢乐 、 
丰富 、 新 鲜 的 感觉 。 本 案例 所 设计 的 饮料 盒 包装 的 最 终 效果 如 图 13-21 所 示 。 


























图 3-21 
在 该 饮料 盒 包 装 的 版 面 设计 中 主要 以 该 饮料 的 原材料 素材 图 像 为 主 ， 使 消费 者 能 够 清楚 地 理解 
该 饮料 的 原材料 是 什么 ， 并 且 展 示 了 原材料 的 新 鲜 和 诱 人 。 本 案例 设计 的 饮料 盒 包装 所 使 用 的 素材 
如 图 13-22 所 示 。 











图 3-22 
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13.4.2 配色 分 析 


本 案例 所 设计 的 饮料 盒 包 装 使 用 黄 杰 色 作为 版 面 的 主 色 调 ， 一 方面 黄 林 色 为 该 饮料 原材料 的 本 
身 色彩 , 可 以 使 饮料 与 原 产 品 之 间 建 立 起 很 好 的 联系 , 另 一 方面 黄 栖 色 能 够 表现 出 欢乐 、 悦 人 的 氛围 ， 
非常 适合 食品 饮料 的 配色 。 在 该 版 面 设计 中 使 用 同色 系 的 色彩 搭配 , 搭配 不 同 明度 的 黄色 和 橙色 图 形 ， 
使 整个 包装 盒 版 面 的 表现 给 人 一 种 欢乐 、 和 谐 的 氛围 ， 让 人 感觉 舒适 、 美 味 。 


RGB(244、184、27) RGB(238、158、0) RGB(213、219、65) 
CMYK(G3、33、89、0) ”CMYK(10、47、94、0) CMYK(22、 4、83、 0) 


13.4.3 设计 思路 


@3 根据 对 产品 尺寸 及 纸张 等 因素 的 分 析 ， 该 饮料 盒 包 装 的 尺寸 为 72 mmx 111mmx 72mm， 新 
建文 档 时 可 以 创建 一 个 比 包 装 盒 展 开 尺 寸 大 一 些 的 文档 ， 并 且 不 需要 设置 出 血 ， 如 图 13-23 所 示 。 

2 根据 包装 盒 展开 后 各 部 分 的 尺寸 ， 在 文档 中 使 用 参考 线 定位 各 个 面 的 位 置 ， 并 标注 出 各 个 面 
的 尺寸 大 小 ， 如 图 13-24 所 示 。 





























图 3-23 13-24 








3 根据 所 设计 的 包装 盒 ， 绘 制 出 该 包装 盒 展 开 的 各 个 面 的 背景 ， 如 图 13-25 所 示 。 
@3 以 该 产品 的 原材料 图 片 作为 版 面 的 主要 素材 ， 一 目 了 然 ， 实 物 的 照片 也 更 能 够 表现 该 饮料 的 
新 鲜 品质 ， 搭 配 各 种 图 形 ， 使 版 面 的 表现 效果 更 加 丰富 ， 如 图 13-26 所 示 。 
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13-25 图 3-26 


3 该 饮料 盒 包 装 的 侧面 以 简洁 为 主 ， 放 置 产品 名 称 和 产品 的 介绍 信息 内 容 ， 并 且 需 要 突出 产 
品名 称 的 表现 ， 如 图 13-27 所 示 。 

人 版 面色 彩 以 该 饮料 原材料 本 身 的 色彩 为 主 , 其 他 色彩 应 该 以 突出 和 烘托 产品 的 色彩 为 标准 ， 
完成 包装 盒 其 他 面 的 设计 制作 ， 最 终 效果 如 图 13-28 所 示 。 


上 一 一 | 








13.4.4 对 比分 析 


在 设计 食品 类 包装 盒 版 面 时 ， 为 了 配合 产品 给 人 的 印象 ， 版 面 应 该 以 表现 轻松 、 活 泼 为 主 ， 可 
以 使 用 食品 本 身 的 色彩 进行 搭配 ， 从 而 有 效 突出 食品 的 表现 效果 。 
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"设计 初稿 -一 ， 





@ 将 包装 盒 的 背景 主 色调 设置 为 蓝 色 , 与 饮料 原材料 图 片 形成 强烈 的 色彩 对 比 , 但 蓝 色 无 法 与 产品 形成 联系 ， 
并 且 蓝 色 不 能 给 人 诱 人 、 美 味 的 感觉 。 

人 @ 版 面 中 的 素材 图 片 使 用 矩形 图 形 放 置 在 版 面 中 ， 感 觉 非常 突 元 ， 没 有 美感 。 

人 @ 版 面 中 并 没有 添加 其 他 的 辅助 图 形 ， 只 有 背景 色 与 图 片 的 搭配 ， 显 得 单调 。 

@ 包装 盒 的 侧面 同样 只 是 在 纯色 背景 上 放置 文字 说 明 内 容 ， 显 得 过 于 单调 。 

最 





@ 将 包装 盒 的 背景 主 色调 设置 为 黄 栖 色 ， 与 饮料 原材料 的 色彩 相同 ， 使 该 产品 与 原材料 形成 联系 ， 并 且 橙 
黄色 可 以 给 人 一 种 温暖 、 美 味 的 感觉 。 

|@@ 在 包装 盒 的 主 版 面 中 将 主 素材 图 像 处 理 为 圆 缴 状 的 图 片 效果 ， 从 而 使 图 片 的 表现 更 加 优美 、 灵 动 。 

1@ 在 版 面 中 搭配 各 种 不 同 浅 色调 的 正 圆 形 ， 丰 富 版 面 的 表现 效果 ， 使 版 面 丰满 而 活泼 。 
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AL 
网 页 的 版 式 设计 
网 页 不 单 是 把 各 种 信息 简单 地 堆积 起 来 能 看 或 者 表达 清 ， 
， 楚 就 行 ， 还 要 考虑 通过 各 种 设计 手段 和 技术 技巧 让 受众 能 更 多 ， 
! 更 有 效 地 接收 网 站 中 的 各 种 信息 ， 从 而 对 网 站 留 下 深刻 的 印象 ， 
! 并 催生 消费 行为 ， 提 升 企业 品牌 形象 。 
本 章 将 向 读者 介绍 网 页 版 式 设计 的 相关 知识 和 内 容 ， 并 通 ， 


， 过 商业 案例 的 分 析 讲解 ， 使 读者 能 够 更 加 深入 地 理解 网 页 版 式 ， 
， 设 计 的 方法 和 技巧。 














立 革 视界 大 革新 行动 娱乐 再 淮 化 


得 人 9 才 染 生 五， 卫 失 们 
有 要 委 招 拖 漳 和 吉 泊 表 玫 1 
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14.1 网 页 版 式 设计 概述 


网 页 版 式 设 计 是 展示 企业 形象 、 介 绍 产品 和 服务 ， 以 及 体现 企业 发 展 战略 的 重要 途径 。 随 着 网 
络 的 普及 ， 网 页 的 版 式 设计 越 来 越 受 到 人 们 的 重视 。 


14.1.1 什么 是 网 页 版 式 设计 


作为 上 网 的 主要 依托 ， 网 页 由 于 人 们 频繁 地 使 用 网 络 而 变 得 越 来 越 重要 ， 网 页 版 式 设计 也 得 到 
了 发 展 。 网 页 讲究 的 是 排版 布局 和 视觉 效果 , 其 目的 是 提供 一 种 布局 合理 、 视 觉 效果 突出 、 功 能 强大 、 
使 用 更 方便 的 界面 给 每 一 个 浏览 者 ， 使 他 们 能 够 愉快 、 轻 松 、 快 捷 地 了 解 网 页 所 提供 的 信息 。 

网 页 版 式 设计 是 指 在 有 限 的 屏幕 空间 里 ， 将 网 页 中 的 文字 、 图 像 、 动 画 、 音 频 、 视 频 等 元 素 组 
织 起 来 ， 按 照 一 定 的 规律 和 艺术 化 的 处 理 方式 进行 编排 和 布局 ， 形 成 整体 的 视觉 形象 ， 达 到 有 效 传 
递 信息 的 最 终 目 的 。 网 页 设计 决定 了 网 页 的 艺术 风格 和 个 性 特征 ， 并 以 视觉 配置 为 手段 影响 着 网 页 
页 面 之 间 导 航 的 方向 性 ， 以 吸引 浏览 者 的 注意 ， 增 强 网 页 内 容 的 表达 效果 。 如 图 14-1 所 示 为 设计 
精美 的 网 页 版 式 效果 。 





El 

提 网 页 版 式 设计 是 以 互联 网 为 载体 ， 以 互联 网 技术 和 数字 交互 式 技术 为 基础 ， 依 照 客户 的 需求 与 1 
7 有 消费 者 的 需要 设计 有 关 商业 宣传 目的 网 站 ， 同 时 旬 循 艺术 设计 规律 ， 实 现 商业 目的 与 功能 的 统一 ,是 ， 
1 一 种 商业 功能 和 视觉 艺术 相 结合 的 设计 。 1 


bb 


14.1.2 网 页 版 面 的 尺寸 


网 页 设计 的 版 面 尺 寸 没 有 固定 的 标准 ， 和 显示 器 的 大 小 及 分 辨 率 有 关 ， 设 计时 需要 根据 具体 情 
况 而 定 。 
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屏幕 分 辩 率 直接 决定 了 网 页 版 面 的 显示 尺寸 。 网 页 的 局 限 性 就 在 于 无 法 突破 显示 器 的 范围 ， 而 
且 因为 浏览 器 也 将 占 去 不 少 空间 ， 留 下 的 页 面 范围 变 得 越 来 越 小 。 

在 设计 网 页 版 面 时 ， 布 局 的 难点 在 于 用 户 各 自 的 环境 是 不 同 的 。 在 不 同 的 屏幕 分 辨 率 下 看 起 来 
都 很 美观 的 网 页 版 式 设计 是 相当 困难 的 ， 如 图 14-2 所 示 为 网 页 在 不 同 分 辨 率 下 的 显示 效果 。 











1366X768 分 辨 率 显示 1024X768 分 辩 率 显示 
14-2 
由 于 浏览 器 本 身 要 占有 一 定 的 尺寸 ， 所 以 在 分 辩 率 为 1366 x 768 像素 的 情况 下 ， 页 面 的 显示 尺 
寸 为 1349 x 600 像素 ; 在 分 辨 率 为 1024 x 768 像素 的 情况 下 ,页面 的 显示 尺寸 为 1003 x 600 像素 。 
在 网 页 版 面 设计 中 ， 向 下 拖 动 页 面 是 给 网 页 增加 更 多 内 容 ( 尺寸 ) 的 方法 。 但 需要 提醒 大 家 ， 除 
非 能 够 确定 页 面 内 容 能 够 吸引 大 家 拖 动 ， 否 则 不 要 让 访问 者 拖 动 页 面 超 过 3 屏 。 

= ee 

提 电脑 屏幕 一 次 显示 的 全 部 内 容 ， 称 之 为 1 屏 。 屏 幕 显示 的 范围 大 小 与 显示 器 大 小 、 屏 幕 分 辩 率 
不 有 直接 的 关系 ， 分 辩 率 越 高 ，1 屏 中 显示 的 内 容 也 就 越 多 。 


J 


14.1.3 ”网 页 版 面 的 构成 要 素 


与 传统 媒体 不 同 ， 网 页 版 面 中 除了 文字 和 图 像 以 外 ， 还 包含 动画 、 声 音 和 视频 等 新 兴 多 媒体 元 
素 , 更 有 由 代码 语言 编程 实现 的 各 种 交互 式 效果 , 这 些 元 素 极 大 地 增加 了 网 页 版 面 的 生动 性 和 复杂 性 ， 
同时 也 使 网 页 设计 者 需要 考虑 更 多 的 页 面 元 素 的 布局 和 优化 。 
1. 文字 

文字 元 素 是 信息 传达 的 主体 部 分 ， 从 网 页 最 初 的 纯 文字 版 面 发 展 至 今 ， 文 字 仍 是 其 他 任何 元 素 
所 无 法 取代 的 重要 构成 。 这 首先 是 因为 文字 信息 符合 人 类 的 阅读 习惯 ， 其 次 是 因为 文字 所 占 存 储 空 
间 很 少 ， 节 省 了 下 载 和 浏览 的 时 间 。 


247《(( 


| 版 式 设计 一 一 设计 师 必 备 宝典 


网 页 版 面 中 的 文字 主要 包括 标题 、 信 息 、 文 字 链 接 等 几 种 主要 形式 ， 标 题 是 内 容 的 简要 说 明 ， 
一 般 比 较 醒 目 ， 应 该 优先 编排 。 文 字 作为 占据 页 面 重 要 比重 的 元 素 ， 同 时 又 是 信息 的 重要 载体 ， 它 的 
字体 、 大 小 、 颜 色 和 排列 对 页 面 整体 设计 影响 极 大 ， 应 nt 如 图 14-3 所 示 是 典型 的 
以 文字 排版 为 主 的 网 页 版 面 。 整 个 网 页 的 图 像 修饰 很 少 , 但 是 文字 分 类 条 理 清晰 , 并 没有 单调 的 感觉 ， 
可 见 文字 排版 和 罗 风 扣 加 问 本 可由 A。 








图 14-3 


2. 图 形 符号 
图 形 符号 是 视觉 信息 的 载体 ， 通 过 精练 的 形象 代表 某 一 事物 ， 表 达 一 定 的 含义 ， 图 形 符号 在 网 
页 版 面 设计 中 可 以 有 多 种 表现 形式 ， 可 以 是 点 ， 也 可 以 是 线 、 色 块 ， 或 是 页 面 中 的 一 个 圆 角 处 理 等 。 
如 图 14-4 所 示 为 网 页 版 面 中 的 图 形 符号 元 素 表现 效果 。 
nyventicoNS 
A 
oy 人 
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3. 图 像 

图 像 在 网 页 版 面 设计 中 有 多 种 形式 ， 图 像 具 有 比 文字 和 图 形 符号 都 要 强烈 和 直观 的 视觉 表现 效 
果 。 图 像 受 指定 信息 传达 内 容 与 目的 约束 ， 但 在 表现 手法 、 工 具 和 技巧 方面 具有 比较 高 的 自由 度 ， 
从 而 也 可 以 产生 无 限 的 可 能 性 。 网 页 版 式 设计 中 的 图 像 处 理 往往 是 网 页 创意 的 集中 体现 ， 图 像 的 选 
择 应 该 根据 传达 的 信息 和 受众 群体 来 决定 。 如 图 14--5 所 示 为 网 页 版 面 中 的 图 像 创意 设计 表现 。 
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4. 多 媒体 

网 页 版 面 构成 中 的 多 媒体 元 素 主 要 包括 动画 、 声 音 和 视频 ， 这 些 都 是 网 页 版 面 构成 中 最 吸引 人 
的 元 素 ， 但 是 网 页 版 面 还 是 应 该 坚持 以 内 容 为 主 ， 任 何 技术 和 应 用 都 应 该 以 信息 的 更 好 传达 为 中 心 ， 
不 能 一 味 地 追求 视觉 化 的 效果 。 如 图 14-6 所 示 为 网 页 版 面 中 多 媒体 元 素 的 应 用 效果 。 

















5. 色彩 

网 页 版 面 中 的 配色 可 以 为 浏览 者 带 来 不 同 的 视觉 和 心理 感受 ， 它 不 像 文 字 、 图 像 和 多 媒体 等 元 
素 那 样 直观 、 形 象 ， 它 需要 设计 师 凭借 良好 的 色彩 基础 ， 根 据 一 定 的 配色 标准 ， 反 复试 验 、 感 受 之 
后 才能 够 确定 。 有 时 候 ， 一 个 好 的 网 页 版 面 往往 因为 选择 了 错误 的 配色 而 影响 整个 网 页 的 设计 效果 ， 
如 果 色 彩 使 用 得 恰到好处 ， 就 会 得 到 意 想不到 的 效果 。 

色彩 的 选择 取决 于 “视觉 感受 ”。 例 如 ， 与 儿童 相关 的 网 站 可 以 使 用 绿色 、 黄 色 或 蓝 色 等 一 些 
鲜亮 的 颜色 ， 让 人 感觉 活泼 、 快 乐 、 有趣、 生气 勃勃 ; 与 爱情 交友 相关 的 网 站 可 以 使 用 粉红 色 、 淡 
紫色 和 桃红 色 等 ， 让 人 感觉 柔和 、 典 雅 ; 与 手机 数码 相关 的 网 站 可 以 使 用 蓝 色 、 紫 色 、 灰 色 等 体现 
时 尚 感 的 颜色 ， 让 人 感觉 时 尚 、 大 方 、 具 有 时 代 感 。 如 图 14-7 所 示 为 网 页 版 面 中 的 配色 效果 。 
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14.1.4 网 页 版 式 设计 流程 


网 页 版 式 设计 是 一 个 感性 思考 与 理性 分 析 相 结合 的 复杂 过 程 ， 对 设计 师 自身 的 美感 以 及 对 版 面 
的 把 握 有 较 高 的 要 求 。 网 页 版 式 设计 的 流程 主要 可 以 分 为 如 下 几 个 步骤 。 
1. 分 析 定 位 

这 一 阶段 主要 是 根据 客户 的 要 求 以 及 具体 网 站 的 性 质 来 确定 网 页 版 面 的 设计 风格 ， 进 行 综合 分 
析 之 后 确定 设计 思路 。 
2. 设计 构思 

在 了 解 了 情况 的 基础 上 完成 研究 分 析 之 后 ， 就 进入 了 设计 构思 的 阶段 。 根 据 客户 所 提供 的 图 片 、 
文字 、 视 频 等 内 容 进行 大 致 位 置 的 规划 ， 设 计 网 页 版 面 布局 。 
3. 方案 设计 阶段 

将 研究 分 析 的 结果 在 电脑 上 呈现 出 来 ， 这 时 往往 会 出 现 诸多 在 草图 中 无 法 暴露 的 问题 ， 逐 个 进 
行 分 析 解 决 。 结 合 版 面色 彩 、 构 图 等 因素 综合 考虑 ， 制 作出 网 页 平面 设计 稿 ， 供 客户 进行 审核 。 


4. 网 页 切割 
确定 网 页 版 面 的 设计 方案 之 后 ， 将 版 面 中 的 图 片 进 行 合理 切割 ， 以 保证 最 终 网 页 的 浏览 速度 。 
5。. 网 页 制作 


当 网 页 版 面 的 所 有 设计 程序 完成 之 后 , 就 进入 到 网 页 制作 阶段 , 需要 使 用 专业 的 网 页 制作 软件 (如 
Dreamweaver) 将 网 页 设计 稿 制 作成 最 终 的 网 页 。 


14.2 网 页 版 式 设计 原则 


网 页 作为 传播 信息 的 一 种 载体 ， 也 要 遵循 一 些 设计 的 基本 原则 。 但 是 ， 由 于 表现 形式 、 运 行 方 
式 和 社会 功能 的 不 同 ， 网 页 版 式 设计 又 有 其 自身 的 特殊 规律 。 网 页 版 式 设计 ， 是 技术 与 艺术 的 结合 ， 
内 容 与 形式 的 统一 。 
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14.2.1 以 用 户 为 中 心 


以 用 户 为 中 心 的 原则 实际 上 就 是 要 求 设计 者 要 时 刻 站 在 浏览 者 的 角度 来 考虑 ， 主 要 体现 在 以 下 
几 个 方面 。 
1. 使 用 者 优先 观念 

无 论 什么 时 候 ， 不 管 是 在 着 手 准备 设计 网 页 版 面 之 前 、 正 在 设计 之 中 ， 还 是 已 经 设计 完毕 ， 都 
应 该 有 一 个 最 高 行动 准则 ， 就 是 使 用 者 优先 。 使 用 者 想 要 什么 ， 设 计 者 就 要 去 做 什么 。 如 果 没有 浏 
览 者 去 光顾 ， 再 好 看 的 网 页 版 面 都 是 没有 意义 的 。 
2. 考虑 用 户 浏览 器 

还 需要 考虑 用 户 使 用 的 浏览 器 ， 如 果 想 要 让 所 有 的 用 户 都 可 以 豪 无 障碍 地 浏览 页 面 ， 那 么 最 好 
使 用 所 有 浏览 器 都 可 以 阅读 的 格式 ， 不 要 使 用 只 有 部 分 浏览 器 可 以 支持 的 HTML 格式 或 程序 技巧 。 
如 果 想 来 展现 自己 的 高 超 技术 ， 又 不 想 放弃 一 些 潜在 的 观众 ， 可 以 考虑 在 主页 中 设置 几 种 不 同 的 浏 
览 模式 选项 ( 如 纯 文 字模 式 、Frame 模式 、Java 模式 等 )， 供 浏览 者 自行 选择 。 
3. 考虑 用 户 的 网 络 连 接 

还 需要 考虑 用 户 的 网 络 连接 ， 浏 览 者 可 能 使 用 ADSL、 高 速 专线 、 小 区 光纤 。 所 以 ， 在 进行 网 
页 版 面 设计 时 就 必须 考虑 这 种 状况 ， 不 要 放置 一 些 文件 量 很 大 、 下 载 时 间 很 长 的 内 容 。 网 页 版 面 设 
计 制 作 完成 之 后 ， 最 好 能 够 亲自 测试 一 下 。 


14.2.2 视觉 美观 


网 页 版 面 设计 首先 需要 能 够 吸引 浏览 者 的 注意 力 ， 由 于 网 页 内 容 的 多 样 化 ， 传 统 的 普通 网 页 不 
再 是 主打 的 环境 ，Flash 动画 、 交 互 设计 、 三 维 空间 等 多 媒体 形式 开始 大 量 在 网 页 版 面 设计 中 出 现 ， 
给 浏览 者 带 来 不 一 样 的 视觉 体验 ， 视 觉 效 果 增 色 不 少 


( 


， 如 图 14-8 所 示 。 











图 14-8 


在 对 网 页 版 面 进行 设计 时 ， 首 先 需要 对 网 站 页 面 进行 整体 的 规划 ， 根 据 信 息 内 容 的 关联 性 ， 把 页 面 
分 割 成 不 同 的 视觉 区 域 ; 然后 再 根据 每 一 部 分 的 重要 程度 ， 采 用 不 同 的 视觉 表现 手段 ， 分 析 清 楚 网 页 中 
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哪 一 部 分 信息 是 最 重要 的 ， 什 么 信息 次 之 ， 在 设计 中 才能 给 每 个 信息 一 个 相对 正确 的 定位 ， 使 整个 网 页 
结构 条 理 清晰 ， 并 综合 应 用 各 种 视觉 效果 表现 方法 ， 为 用 户 提供 一 个 视觉 美观 、 操 作 方 便 的 网 页 版 面 。 


14.2.3 ”主题 明确 


网 页 版 面 设计 表达 的 是 一 定 的 意图 和 要 求 ， 有 明确 的 主题 ， 并 按照 视觉 心理 规律 和 形式 将 主题 
主动 地 传达 给 观赏 者 ， 以 使 主题 在 适当 的 环境 里 被 人 们 及 时 理解 和 接受 ， 从 而 满足 其 需求 。 这 就 要 
求 网 页 版 面 设计 不 但 要 单纯 、 简 练 、 清 晰 和 精确 ， 而 且 在 强调 艺术 性 的 同时 ， 更 应 该 注重 通过 独特 
的 风格 和 强烈 的 视觉 冲击 力 来 鲜明 地 突出 设计 主题 ， 如 图 14-9 所 示 。 
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网 页 版 式 设计 属于 艺术 设计 范畴 的 一 种 , 其 最 终 目 的 是 达到 最 佳 的 主题 诉求 效果 。 这 种 效果 的 取得 ， 
一 方面 要 通过 对 网 页 主题 思想 运用 逻辑 规律 进行 条 理性 处 理 ， 使 之 符合 浏览 者 获取 信息 的 心理 需求 和 
逻辑 方式 ， 让 浏览 者 快速 理解 和 吸收 ; 另 一 方面 还 要 通过 对 网 页 构成 元 素 运 用 艺术 的 形式 美 法 则 进行 
条 理性 处 理 ， 以 更 好 地 营造 符合 设计 目的 的 视觉 环境 ， 突 出 主题 ， 增 强 浏览 者 对 网 页 的 注意 力 ， 增 进 
对 网 页 内 容 的 理解 。 只 有 这 两 个 方面 有 机 的 统一 ， 才 能 实现 最 佳 的 主题 诉求 效果 ， 如 图 14-10 所 示 。 








CHANEL 











辐 14-10 

优秀 的 网 页 版 式 设计 必然 服务 于 网 站 的 主题 , 也 就 是 说 , 什么 样 的 网 页 应 该 有 什么 样 的 设计 。 例 如， 
设计 类 的 个 人 网 站 与 商业 网 站 的 性 质 不 同 ， 目 的 也 不 同 ， 所 以 评论 的 标准 也 不 同 。 网 页 版 式 设计 与 网 
页 主题 的 关系 应 该 是 这 样 的 : 首先 设计 是 为 主题 服务 的 ; 其 次 设计 是 艺术 和 技术 结合 的 产物 , 就 是 说 ， 
既 要 “ 美 ”， 又 要 实现 “功能 ”; 最 后 “ 美 ” 和 “功能 ”都 是 为 了 更 好 地 表达 主题 。 当 然 ， 在 某 些 
情况 下 ，“ 功 能 ”就 是 主题 ，“ 美 ”就 是 主题 。 例 如 ， 百 度 作为 一 个 搜索 引擎 ， 首 先 要 实现 “搜索 ” 
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的 “功能 ”， 它 的 主题 就 是 它 的 “功能 ”， 如 图 14-11 所 示 。 而 一 个 个 人 网 站 ， 可 以 只 体现 作者 的 
设计 思想 ， 或 者 仅仅 以 设计 出 “ 美 ”的 网 页 为 目的 ， 它 的 主题 只 有 “ 美 ”， 如 图 14-12 所 示 。 














图 14-11 图 14-12 

只 注重 主题 思想 的 条 理性 而 忽视 网 页 构成 元 素 空间 关系 的 形式 美 组 合 ， 或 者 只 重视 网 页 形式 上 
的 条 理性 而 淡化 主题 思想 的 逻辑 ， 都 将 削弱 网 页 主题 的 最 佳 诉求 效果 ， 难 以 吸引 浏览 者 的 注意 力 ， 
也 就 不 可 避免 地 出 现 平庸 的 网 页 版 式 设计 或 使 网 页 版 式 设计 以 失败 而 告终 。 








Tt | 
提 一 般 来 说 , 我 们 可 以 通过 对 网 页 的 空间 层次 、 主 从 关系 、 视 觉 秩序 及 彼此 间 的 逻辑 性 的 把 握 运用 ， 
不 来 达到 使 网 页 版 面 从 形式 上 获得 良好 的 诱导 力 ， 并 鲜明 地 突出 诉求 主题 的 目的 。 


14.2.4 ”内容 与 形式 统一 


任何 设计 都 有 一 定 的 内 容 和 形式 。 设 计 的 内 容 是 指 它 的 主题 、 形 象 、 题 材 等 要 素 的 总 和 ， 形 式 
就 是 它 的 结构 、 风 格 设计 语言 等 表现 方式 。 优 秀 的 设计 必定 是 形式 对 内 容 的 完美 表现 。 

一 方面 ， 网 页 版 式 设计 所 追求 的 形式 美 必须 适合 主题 的 需要 ， 这 是 网 页 版 式 设计 的 前 提 。 只 追 
求 花哨 的 表现 形式 以 及 过 于 强调 “独特 的 设计 风格 ”而 脱离 内 容 ， 或 者 只 求 内 容 而 缺乏 艺术 的 表现 ， 
网 页 版 面 设计 都 会 变 得 空洞 无 力 。 设 计 师 只 有 将 这 两 者 有 机 统一 起 来 ， 深 入 领会 主题 的 精髓 ， 再 融 
合 自 己 的 思想 感情 ， 找 到 一 个 完美 的 表现 形式 ， 才 能 体现 出 网 页 版 面 设计 独 具 的 分 量 和 特有 的 价值 。 
另 一 方面 ， 要 确保 网 页 上 的 每 一 个 元 素 都 有 存在 的 必要 性 ， 不 要 为 了 炫 炮 而 使 用 匈 余 的 技术 ， 那 样 
得 到 的 效果 可 能 会 适得其反 。 只 有 通过 认真 设计 和 充分 考虑 来 实现 全 面 的 功能 并 体现 美感 ， 才 能 实 
现形 式 与 内 容 的 统一 ， 如 图 14-13 所 示 。 

网 页 版 面具 有 多 屏 、 分 页 、 族 套 等 特性 ， 设 计 师 可 以 对 其 进行 形式 上 的 适当 变化 以 达到 多 变 的 
处 理 效果 ， 丰 富 整 个 网 页 版 面 的 形式 美 。 这 就 要 求 设计 师 在 注意 单个 页 面 形 式 与 内 容 统一 的 同时 ， 
也 不 能 忽视 同一 主题 下 多 个 分 页 面 组 成 的 整体 网 站 的 形式 与 整体 内 容 的 统一 ,如 图 14-14 所 示 。 因 此 ， 
在 网 页 版 式 设计 中 必须 注意 形式 与 内 容 的 高 度 统一 。 
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14.2.5 有 机 的 整体 


网 页 版 面 的 整体 性 包括 内 容 和 形式 上 的 整体 性 ， 这 里 主要 讨论 设计 形式 上 的 整体 性 。 

网 页 是 传播 信息 的 载体 , 设计 时 强调 其 整体 性 , 可 以 使 浏览 者 更 快捷 、 更 准确 、 更 全 面 地 认识 它 、 
掌握 它 ， 并 给 人 一 种 内 部 联系 紧密 ， 外 部 和 谐 完 整 的 美感 。 整 体 性 也 是 体现 一 个 网 页 版 面 独特 风格 
的 重要 手段 之 一 。 

网 页 版 面 的 结构 形式 是 由 各 种 视听 要 素 组 成 的 。 在 设计 网 页 版 面 时 ， 强 调 页 面 各 组 成 部 分 的 共性 
因素 或 者 使 各 个 部 分 共同 含有 某 种 形式 特征 ， 是 形成 整体 的 常用 方法 。 这 主要 从 版 式 、 色 彩 、 风 格 等 
方面 入 手 。 在 版 式 上 对 界面 中 各 视觉 要 素 全 盘 考 虑 ， 以 周密 的 组 织 和 精确 的 定位 来 获得 页 面 的 秩序 感 ， 
即使 运用 “ 散 ” 的 结构 ， 也 要 经 过 深思 熟 虑 之 后 才 决定 ; 一 个 网 站 通常 只 使 用 两 到 三 种 标准 色 ， 并 注 
意 色彩 搭配 的 和 谐 ; 对 于 分 屏 的 长 页 面 ， 不 能 设计 完 第 一 屏 ， 再 去 考虑 下 一 屏 。 同 样 ， 整 个 网 站 内 部 
的 页 面 ， 都 应 该 统一 规划 ， 统 一 风格 ， 让 浏览 者 体会 到 设计 者 完整 的 设计 思想 ， 如 图 14-15 所 示 。 





a 1 
提 从 某 种 意义 上 讲 ， 强 调 网 页 版 面 结构 形式 的 整体 性 必然 会 牺牲 灵活 的 多 变性 。 因 此 ， 在 强调 页 1 
不 面 整体 性 设计 的 同时 必须 注意 ， 过 于 强调 整体 性 可 能 会 使 网 页 版 面 呆 板 、 沉 间 ， 导 致 影响 浏览 者 的 兴 ) 
1 趣 和 继续 浏览 的 欲望 。 注 意 ，“ 整 体 ” 是 “多 变 ” 基 础 上 的 整体 。 ， 


和 


、 
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SEE Dr。 An nan oa cone。 wana 














图 14-15 


14.3 产品 广告 宣传 网 页 版 式 设计 


产品 广告 宣传 网 页 最 重要 的 是 突出 表现 广告 中 的 主题 和 产品 ， 设 计 精 美的 产品 宣传 广告 和 图 片 
非常 重要 。 


14.3.1 项 目 分 析 


本 案例 设计 的 产品 广告 宣传 网 页 ， 首 页 面 使 用 设计 精美 的 广告 图 像 作 为 页 面 背 景 ， 搭 配 简洁 明 

了 的 文字 内 容 ， 并 且 对 文字 内 容 的 处 理 方式 也 采用 了 平面 设计 与 杂志 封面 的 处 理 方式 ， 表 现 出 强烈 

的 时 尚 感 。 二 级 页 面 使 用 冷暖 对 比 的 色彩 ， 强 烈 地 突出 产品 , 使 页 面 表现 出 强烈 的 动感 和 视觉 冲击 力 。 

本 案例 所 设计 的 产品 广告 宣传 网 页 的 效果 如 图 14-16 所 示 。 
er 











= 


mc 


图 14-16 


本 案例 所 设计 的 产品 广告 宣传 网 页 使 用 设计 精美 的 产品 广告 图 像 作为 网 站 首页 面 的 背景 ， 使 
网 页 版 面 给 人 感觉 像 是 一 幅 精 美的 时 尚 杂 志 ， 在 版 面 中 还 使 用 了 去 底 处 理 的 产品 图 片 ， 并 将 产品 
图 片 放置 在 版 面 的 中 间 位 置 ， 突 出 表现 产品 的 效果 。 本 案例 设计 的 产品 广告 宣传 网 页 所 使 用 的 素 
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材 如 图 14-17 所 示 。 



























辅助 素材 


(辅助 素材 





























14.3.2 配色 分 析 


本 案例 所 设计 的 产品 广告 宣传 网 页 使 用 橙色 与 咖啡 色 的 文字 相 搭配 ， 在 广告 背景 图 像 的 衬托 下 
非常 醒目 ， 二 级 页 面 使 用 红色 与 蓝 色 作为 背景 色 ， 形 成 强烈 的 色彩 对 比 ， 突 出 产品 的 表现 ， 文 字 则 


主要 采用 白色 和 灰色 ， 使 文字 在 背景 色 的 衬托 下 更 加 鲜明 。 


RGB(245、130、32) RGBG7、92、164) RGB(188、44、25) 
CMYK(G3、62、88、0) CMYK(88, 66, 13. 0) CMYK(33, 94, 100、 1) 


14.3.3 设计 思路 


GB 将 页 面 尺寸 设置 为 1600 x 1600 像素 ， 页 面 宽度 比较 宽 ， 主 要 是 为 了 适应 大 分 辨 率 的 屏幕 浏览 
时 也 能 够 使 页 面 的 背景 显示 完整 ,而 页 面 的 高 度 则 需要 根据 页 面 中 内 容 的 多 少 进行 设置 ,如 图 14-18 所 示 。 


2 为 了 使 网 页 的 表现 效果 更 加 突出 ， 在 网 页 第 一 屏 使 用 产品 宣传 广告 图 片 作 为 背景 图 片 ， 并 且 


制作 出 倾斜 的 广告 语 内 容 ， 使 网 页 版 面 表现 出 时 尚 、 动 感 的 氛围 ， 如 图 14-19 所 示 。 


提 网 页 与 前 面 章 节 中 介绍 的 其 他 印刷 品 不 同 ， 网 页 最 终 是 在 屏幕 中 进行 查看 的 而 不 需要 印刷 ， 所 
二 一 以 在 设计 网 页 版 面 时 只 需要 将 分 辩 率 设置 为 72 像素 /英寸 即 可 ， 并 且 颜 色 模式 为 RGB 颜色 ， 这 也 


不 是 屏幕 显示 颜色 的 方式 。 
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图 14-18 图 14-19 


@3 在 版 面 的 右 侧 以 垂直 圆 形 的 方式 来 安排 页 面 导 航 ， 表 现形 式 活泼 ， 并 且 不 会 影响 整体 页 面 的 
表现 效果 ， 如 图 14-20 所 示 。 

人 9 在 该 页 面 的 下 方 ， 使 用 呈现 强烈 对 比 的 不 规则 蓝 色 和 橙色 色 块 来 分 割 版 面 ， 使 版 面具 有 强烈 
的 对 比 效 果 ， 如 图 14-21 所 示 。 




































到 14-20 14-21 


《@ 在 第 二 屏 版 面 的 中 间 位 置 放置 产品 图 片 ， 并 且 在 产品 图 片上 方 使 用 大 号 加 粗 字 体 表 现 宣传 
口号 ， 突 出 产品 的 表现 效果 ， 如 图 14-22 所 示 。 

3》 使 用 自由 的 排列 方式 ， 在 产品 图 片 周围 放置 有 关 产 品 的 介绍 内 容 ， 使 整个 网 页 版 面 的 表 
现 效果 更 加 时 尚 、 时 由 ， 效 果 如 图 14-23 所 示 。 














Pr 














辐 14-22 到 14-23 
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14.3.4 对 比分 析 


网 页 设计 非常 讲 守 编排 和 布局 ,与 平面 设计 有 许多 相似 之 处 ,需要 通过 文字 与 图 形 的 空间 组 合 ， 
表达 出 和 谐 的 美感 。 


人 @ 将 网 页 导航 采用 常规 方式 放置 
在 版 面 的 最 上 方 ， 版 面 表现 过 
于 普通 。 

人 @ 版 面 中 的 广告 语 使 用 横 排 方 
式 ， 无 法 体现 动感 ， 并 且 文 字 
可 读 性 较 差 。 

要 妈 谋 机 色 要 失色 人 @ 版 面 下 方 蓝 色 的 纯色 背景 ， 表 
现 效果 不 够 强烈 。 

@ 在 产品 下 方 使 用 常规 方式 来 排 
列 产品 说 明 内 容 ， 产 品 说 明 与 
产品 的 联系 不 够 紧密 ， 表 现 效 
果 单 一 。 


@ 将 网 页 导航 使 用 圆 形 方式 放置 
在 版 面 的 右上 角 位 置 ， 丰 富 网 
页 版 面 表现 效果 。 

@ 将 广告 语 使 用 背景 色 块 进行 衬 
托 ， 更 加 清晰 ， 并 且 将 其 进行 
倾斜 处 理 ， 使 版 面 更 富有 动感 。 

人 @ 在 版 面 下 方 使 用 栖 色 和 蓝 色 的 
不 规则 色 块 产生 强烈 的 对 比 ， 
突出 产品 表现 效果 。 

@ 将 产品 说 明文 字 围绕 产品 图 片 
放置 ， 并 使 用 直线 指向 产品 ， 
表现 效果 更 加 自由 。 
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14.4 ”珠宝 首饰 网 页 版 式 设计 


网 页 版 式 是 整个 网 站 的 “ 脸 ”， 网 页 能 否 吸引 消费 者 ， 是 否 能 够 引起 消费 者 的 兴趣 ， 是 否 还 能 
够 吸引 消费 者 再 次 光临 ， 其 版 式 设计 是 至 关 重 要 的 。 


14.4.1 项 目 分 析 


珠宝 首饰 类 网 页 的 重点 是 产品 ， 需 要 突出 产品 的 表现 效果 。 在 本 案例 所 设计 的 珠宝 首饰 网 页 版 
面 中 ， 在 页 面 中 心 位 置 运用 大 图 轮换 的 方式 展示 珠宝 产品 ， 突 出 珠宝 的 显示 效果 ， 而 导航 菜单 等 其 
他 内 容 则 放置 在 版 面 中 面积 相对 较 小 的 区 域 ， 使 得 版 面具 有 很 强 的 感染 力 和 产品 宣传 展示 效果 。 本 
案例 所 设计 的 珠宝 首饰 网 页 的 最 终 效果 如 图 14-24 所 示 。 








图 14-24 


在 该 珠宝 首饰 网 页 版 面 的 设计 中 主要 用 到 的 素材 图 像 是 珠宝 首饰 的 产品 图 片 ， 为 了 突出 产品 图 
片 的 表现 效果 ， 在 版 面 中 几乎 没有 使 用 其 他 辅助 素材 ， 仅 仅 在 背景 部 分 为 了 使 整个 页 面 的 表现 更 加 
美观 使 用 了 光影 素材 ， 使 整个 版 面 的 表现 效果 更 加 华丽 。 本 案例 设计 的 珠宝 首饰 网 页 所 使 用 的 素材 
如 图 14-25 所 示 。 

















图 14-25 
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14-25( 续 ) 











14.4.2 配色 分 析 


该 珠宝 首饰 网 页 版 面 使 用 黑色 和 深 灰色 作为 页 面 的 主 色调 ， 在 深 灰色 的 页 面 背景 上 放置 精美 的 
珠宝 首饰 图 片 ， 可 以 有 效 地 突出 珠宝 首饰 的 产品 效果 ， 使 产品 璀璨 夺目 。 搭 配 明 度 和 纯度 较 低 的 黄 
色 文 字 ， 体 现 出 产品 的 尊贵 品质 ， 整 个 网 页 版 面 给 人 一 种 高 档 、 华 贵 的 视觉 印象 。 


RGB(0、0、0) RGB(65、65、65) RGB(173、148、94) 
CMYK(0、0、0、100) CMYK(76、70、67、33) CMYK(40、 43、68、0) 


14.4.3 设计 思路 


所 将 页 面 尺寸 设置 为 1280 x 650 像素 ， 超 出 页 面 的 部 分 可 以 使 用 背景 颜色 平 铺 ， 从 而 保证 页 
面 的 完整 性 ， 而 高 度 为 650 像素 可 以 控制 在 一 屏 以 内 ， 如 图 14-26 所 示 。 

2 使 用 黑色 的 纯色 作为 网 页 的 背景 色彩 ， 搭 配 光影 素材 的 处 理 ， 页 面 背景 简洁 ， 能 够 突出 表现 
产品 的 高 档 感 ， 如 图 14-27 所 示 。 























名 称 (N): 未 标题 3 
和 (P); 自 宇 














图 14-26 图 14-27 
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@3 在 网 页 顶部 安排 导航 菜单 ， 使 用 纹理 素材 背景 突出 导航 菜单 的 表现 效果 ， 如 图 14-28 所 示 。 




































































@3 在 版 面 的 中 间 位 置 使 用 大 幅 的 版 面 来 展现 产品 效果 ， 并 且 对 产品 图 片 进行 处 理 ， 使 用 清晰 和 
14-29 所 示 。 















































模糊 的 产品 图 片 相 搭配 ， 很 好 地 表现 出 版 面 的 空间 感 和 层次 感 ， 如 











哆 

















图 14-28 图 14-29 






































《kB 整个 页 面 使 用 上 下 构图 方式 ， 上 部 为 导航 菜单 ， 中 间 主 体 部 分 为 产品 展示 区 域 ， 底 部 为 产品 
类 型 的 选择 和 版 底 信息 部 分 ， 整 个 页 面 的 结构 层次 清晰 ， 产 品 表现 效果 突出 ， 如 图 14-30 所 示 。 
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图 14-30 





14.4.4 对 比分 析 


网 页 版 式 设计 的 是 否 新 颖 、 是 否 独 特 ， 决 定 了 大 多 数 浏览 者 对 该 网 页 内 容 和 信息 的 关注 ， 在 该 
基础 上 ， 网 页 才能 够 更 好 地 为 企业 服务 ， 将 产品 、 服 务 等 推销 给 浏览 者 。 
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| 版 式 设计 一 一 设计 师 必 备 宝典 


:设计 初稿 六 
@ 


人 @ 使 用 纯 白色 作为 页 面 的 背景 色 ， 整 个 页 面 显得 简洁 、 单 纯 ， 但 是 白色 的 背景 色 无 法 突出 表现 首饰 产品 的 
璀璨 夺目 效果 。 

人 @@ 将 导航 以 垂直 方式 放置 在 页 面 的 左 人 出， 并 且 将 一 级 导航 和 二 级 导航 放置 在 一 起 ， 导 航 级 别 划分 不 清晰 。 

人 @ 在 页 面 中 采用 传统 的 网 格 方式 来 排列 产品 图 片 ， 每 个 产品 图 片 的 大 小 相同 ， 这 样 的 方式 使 页 面 看 起 来 非 

@ 

最 





















常 整齐 ， 但 是 其 表现 效果 过 于 单一 ， 无 法 吸引 浏览 者 。 
版 面 下 方 的 产品 类 别 使 用 背景 色 块 加 文字 的 方式 ， 同 样 表 现 效果 过 于 单一 ， 页 面 显 得 平淡 ， 没 有 特点 。 


冬 效果 ))》 





@ 使 用 纯 黑 色 作为 页 面 的 背景 色 , 能 够 有 效 地 突出 表现 首饰 产品 的 璀璨 夺目 效果 , 使 产品 的 表现 更 加 清晰 、 
突出 ， 并 且 黑 色 能 够 给 人 一 种 高 级 感 。 

1 @ 同样 采用 垂直 导航 的 方式 ， 但 是 将 一 级 导航 和 二 级 导航 分 为 两 个 部 分 ， 并 且 使 用 不 同 的 背景 颜色 ， 有 效 

1 ” ”地 进行 区 分 ， 层 次 清晰 、 直 观 。 

1@@ 在 页 面 的 中 间 位 置 使 用 焦点 图 轮换 的 方式 来 展示 产品 ， 首 先 产品 的 表现 效果 非常 突出 ， 其 次 还 能 够 为 页 

1 面 增添 层次 感 和 空间 感 。 




















» 262 


